內(nèi)聯(lián)樣式表 外部樣式表
寫在body里的叫做內(nèi)聯(lián)樣式表
寫在head里的叫內(nèi)部樣式表
通過css選擇器
用外部css 在內(nèi)部用link標(biāo)簽
<link rel="stylesheet" type="text/css" href="css/文件名.css">
利用瀏覽器的緩存 加快用戶的訪問 提高用戶的體驗
選擇器 聲明塊兒
聲明塊兒跟在選擇器后面 一個聲明塊兒有多個鍵值對 用;分號結(jié)束
span 水平自動換行 單獨為這一段設(shè)置樣式用的
塊兒包含內(nèi)元素 a超鏈接可以包括任意元素
p標(biāo)簽不能包含其他的塊兒
塊兒元素獨占一行的
內(nèi)聯(lián)元素一行寫滿自動換行
選擇器分組
元素選擇器 標(biāo)簽名 h1 p span
id 唯一標(biāo)識 class可以重復(fù)相同的 相同的class為一組
選擇器分組 并集選擇器 (相同的樣式 名字不同)
通配符選擇器 用來選中頁面上的所有元素
符合選擇器 <span class='p3'> span.p3
一般用于class 滿足span 有用class
后代選擇器元素
比較用的多 當(dāng)標(biāo)簽下的所有子元素 只有第一層的好用 在往下的就不好使了
偽類選擇器
a:hover 鼠標(biāo)移入時的狀態(tài)
偽元素:特殊的位置 bofore開始 after結(jié)束
屬性選擇器 title 在光標(biāo)移動時給的提示
子元素 even 偶數(shù) add 奇數(shù)
last-child first-child
