今天說(shuō)了css的入門基礎(chǔ)知識(shí)趣席，如下1.1 基礎(chǔ)選擇器（標(biāo)簽選擇器）
/* 標(biāo)簽選擇器 */div{font-size:50px;color: green;background-color: yellow;width:300px;height:200px;? ? }p{color: pink;font-size:60px;? ? }
1.2 類選擇器(自定義類名)
.box{/* ... */}.miss{/* ... */}
特點(diǎn)：誰(shuí)調(diào)用，誰(shuí)生效侣颂。
一個(gè)標(biāo)簽可以調(diào)用多個(gè)類選擇器。
多個(gè)標(biāo)簽可以調(diào)用同一個(gè)類選擇器怯晕。
類選擇器命名規(guī)則：
a. 不能用純數(shù)字或者數(shù)字開(kāi)頭定義類名
b. 不能使用特殊符號(hào)或者特殊符號(hào)開(kāi)頭哟旗，“_”可以
c. 不建議使用漢字來(lái)定義類名
d. 不推薦使用屬性或者屬性的值來(lái)定義類名
1.3 ID選擇器（自定義名稱）
#box{/* ... */}
特點(diǎn)：一個(gè)ID選擇器在一個(gè)頁(yè)面只能調(diào)用一次，如果使用2次或者2次以上荣病，不符合w3c規(guī)范码撰，Js調(diào)用會(huì)出問(wèn)題。
a. 一個(gè)標(biāo)簽只能調(diào)用一個(gè)ID選擇器
b. 一個(gè)標(biāo)簽可以同時(shí)調(diào)用一個(gè)類選擇器和ID選擇器
1.4 通配符選擇器
* {/* ... */}
特點(diǎn)：給所有l(wèi)abel都使用相同的樣式个盆。
1.5 交集選擇器
.box{/* ... */}div.box{/* ... */}
特點(diǎn)：既要滿足使用了某個(gè)label脖岛，也要滿足使用了類（ID）選擇器。
1.6 后代選擇器
.box{/* ... */}.boxspan{/* ... */}
特點(diǎn)：無(wú)限制隔代颊亮，只要能代表label柴梆，label、類選擇器终惑、ID選擇器自由組合
1.7 子代選擇器
div>span{/* ... */}p>span{/* ... */}
1.8 并集選擇器
div,p,span,h1{/* ... */}
1.9 相鄰選擇器（下一個(gè)兄弟選擇器）
選擇器 + 選擇器
1.10 下一群兄弟選擇器
選擇器 ～ 選擇器 / *
2 樣式表書(shū)寫位置
2.1 內(nèi)嵌式寫法
樣式只作用于當(dāng)前文件绍在，沒(méi)有真正實(shí)現(xiàn)結(jié)構(gòu)表現(xiàn)分離
/* ... */
2.2 外鏈?zhǔn)綄懛?/p>
作用范圍是當(dāng)前站點(diǎn)，范圍廣狠鸳，真正實(shí)現(xiàn)結(jié)構(gòu)表現(xiàn)分離
2.3 行內(nèi)樣式表
作用范圍僅限于當(dāng)前標(biāo)簽揣苏，范圍小，結(jié)構(gòu)表現(xiàn)混在一起（不推薦使用）
<h1 style="font-size:30px;color:red;>風(fēng)衣<h1>
3. css三大特性
3.1 層疊性
當(dāng)多個(gè)樣式作用于同一個(gè)（同一類）標(biāo)簽時(shí)件舵，樣式發(fā)生了沖突卸察，總是執(zhí)行后面的代碼（后邊代碼層疊前邊的代碼）
3.2 繼承性
繼承性發(fā)生的前提是包含（嵌套關(guān)系）, 文字所有屬性（顏色／大小／字體／粗細(xì)／風(fēng)格／行高）都可以繼承
特殊情況：
h1系列不能繼承文字大小铅祸。
a標(biāo)簽不能繼承文字顏色。
3.3 優(yōu)先級(jí)
默認(rèn)樣式<標(biāo)簽選擇器<類選擇器<ID選擇器<行內(nèi)樣式表<稼跳！Important
優(yōu)先級(jí)特點(diǎn)：
繼承的權(quán)重為0票彪；
權(quán)重會(huì)疊加在旱；
4. 鏈接偽類
a:link｛屬性：值桶蝎；｝ a｛屬性：值;｝ 效果是一樣的。
A:link｛屬性：值绍豁；｝: 鏈接默認(rèn)狀態(tài)
A:visited｛屬性：值；}: 鏈接訪問(wèn)之后的狀態(tài)
A:hover｛屬性：值；｝:鼠標(biāo)放在鏈接上顯示的狀態(tài)
A:active｛屬性：值；｝:鏈接激活的狀態(tài)
:focus｛屬性：值被饿；｝:獲取焦點(diǎn)（光標(biāo)狀態(tài)）
5. 行高
是基線和基線之間的距離
5.1 瀏覽器默認(rèn)文字大小
行高＝文字高度＋上下邊距
默認(rèn)文字大蟹枘纭：16px恃疯；
一行文字行高和父元素高度一致的時(shí)候郑口，垂直居中顯示
6. 盒子模型
6.1 邊框 border
box-sizing:
border-box： 內(nèi)縮模型雁仲，如果增加border和padding,會(huì)擠壓內(nèi)容區(qū)域
content-box： 傳統(tǒng)的標(biāo)準(zhǔn)盒模型，外擴(kuò)
6.2 內(nèi)邊距 padding
盒子的寬度＝定義的寬度＋邊框?qū)挾龋笥覂?nèi)邊距
內(nèi)邊距影響盒子大小
影響盒子寬度的因素
內(nèi)邊距影響盒子的寬度
邊框影響盒子的寬度
繼承的盒子一般不會(huì)被撐大
包含（嵌套）的盒子，如果子盒子沒(méi)有定義寬度／高度，給子盒子設(shè)置內(nèi)邊距（小于等于父寬度／高度），則不會(huì)撐大盒子。
6.3 外邊距 magin
垂直方向外邊距合并
垂直方向的2個(gè)盒子，如果都設(shè)置了垂直方向外邊距鹿霸，取的是設(shè)置的比較大的值
外邊距的塌陷
嵌套的盒子傍念，直接給子盒子設(shè)置垂直方向外邊距的時(shí)候矫夷，會(huì)發(fā)生外邊距塌陷
解決方法：
a. 給父盒子設(shè)置邊框（不推薦使用）
b. 給父盒子設(shè)置overflow:hiddenbfc(格式化上下文)
以上大部分都是課堂筆記，沒(méi)啥概念性的東西憋槐，多敲就好双藕。
