cascading style sheets層疊樣式表，用於頁面美化和布局控制。
層疊：多個樣式可以作用在同乙個html的元素上，同時生效。
在標籤內使用style屬性指定css**。
hello cssdiv
>
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
testtitle
>
>
divstyle
>
head
>
>
>
hello css!div
>
body
>
html
>
div
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
testtitle
>
rel=
"stylesheet"
href
="hello css.css"
>
head
>
>
>
hello css!div
>
body
>
html
>
注：每一對屬性需要使用「;」隔開，最後一對屬性可以不加「;」。
篩選具有相似特徵的元素。
id選擇器：選擇具體id屬性值的元素。語法：#id屬性值{}
建議在乙個html頁面中id值唯一。
元素選擇器：選擇具有相同標籤名稱的元素。語法：標籤名稱{}
id選擇器優先順序高於元素選擇器。
類選擇器：選擇具有相同的class屬性值的元素。語法：.class屬性值{}
類選擇器優先順序高於元素選擇器，低於id選擇器。
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
testtitle
>
>
#div1
div.cls1
style
>
head
>
>
hello css!div
>
hello html!div
>
一心一意div
>
易烊千璽span
>
body
>
html
>
並集選擇器：
語法：選擇器1，選擇器2{}
子選擇器：篩選選擇器1元素下的選擇器2元素。
語法：選擇器1 選擇器2{}
父選擇器：篩選選擇器2的父元素選擇器1。
語法：選擇器1＞選擇器2{}
屬性選擇器：選擇元素名稱，屬性名=屬性值的元素。
語法：元素名稱[屬性名=「屬性值」]{}
偽類選擇器：選擇一些元素具有的狀態。
語法：元素：狀態{}
如：< a >狀態
link：初始化的狀態
hover：滑鼠懸浮的狀態
active：正在訪問的狀態
visited：被訪問過的狀態
lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
擴充套件選擇器title
>
>
*div p
div > p
input[type = "text"]
a:link
a:hover
a:active
a:visited
div,input
style
>
head
>
>
>
>
一心一意，易烊千璽p
>
div>
>
送你一朵小紅花div
>
>
jackson yeep
>
tfboysa
>
body
>
html
>
CSS快速入門詳解
4.例項 css指層疊樣式表 cascading style sheets 用來定義如何顯示html元 素，一般和html配合使用。css樣式表的目的是為了解決內容與表現分離的問題，即使同乙個html文件也能表現出外觀的多樣化。在html中使用css樣式的方式，一 般有三種做法 css規則由兩個主要...
HTML 和 CSS 快速入門
hyper text markup language 超文字標記語言，是最基礎的網頁開發語言。網頁檔案字尾名以.html htm結束。html5 中定義該文件型別是html文件 html 文件的根標籤 頭標籤，用於指定 html 文件的一些屬性，引入外部的資源。標題標籤 體標籤 注釋 cascadi...
CSS快速入門學習二
一 外部樣式表 適用於很多頁面都需要用到樣式表時 用文字編輯器進行編輯，裡面不能包含任何html的標籤並以css為字尾儲存就是乙個樣式表檔案，如下內容hr p body需要注意的是在屬性值和單位間不要有空間，否則只有ie6有效，在mozilla firefox netscape中無效。應該用p 而不...