選擇器使用：
可以分為：基礎(chǔ)選擇器和高級選擇器（復(fù)合選擇器）
基礎(chǔ)選擇器：標(biāo)簽選擇器、類選擇器箱季、id選擇器
高級選擇器（復(fù)合選擇器）：后代選擇器涯穷、指定標(biāo)簽選擇器、并集選擇器
類選擇器：
定義： 在css里面用點“ . ” + 類名稱 +{ css鍵值對 } 進(jìn)行樣式定義
調(diào)用：在html里面哪個標(biāo)簽需要藏雏，就在開始標(biāo)簽敲空格class=“類名稱”進(jìn)行調(diào)用
注意：命名規(guī)則是不能用純數(shù)字拷况、不能數(shù)字開頭的、不可以中文命名掘殴、可以用數(shù)字結(jié)束
id選擇器：
定義： 在css里面用 “ # ” + id名稱 +{ css鍵值對 } 進(jìn)行樣式定義
調(diào)用：在html里面哪個標(biāo)簽需要赚瘦，就在開始標(biāo)簽使用id=“id稱”進(jìn)行調(diào)用
注意：命名規(guī)則是不能用純數(shù)字、不能數(shù)字開頭的奏寨、不可以中文命名起意、可以用數(shù)字結(jié)束
類選擇器和id選擇器的使用區(qū)別：
類選擇可以重復(fù)使用，只要樣式一致就可以重復(fù)的使用同一個類名稱病瞳，id選擇器是唯一的不能重復(fù)使用揽咕，一個id名稱一個頁面只能出現(xiàn)一次
后代選擇器:
因為Html布局有嵌套關(guān)系悲酷，我們可以通過父親再往下找，找到子集元素亲善，父級 + 空格+子級元素{ css鍵值對}
并集選擇器:
樣式一致的盒子如果單獨設(shè)置樣式需要書寫多次舔涎，我們可以把樣式相同的盒子只寫一個樣式，用英文的逗號隔開即可,使用并集選擇器書寫代碼可以節(jié)約代碼量
鏈接的偽類:
四種狀態(tài)：
a:link 未訪問的鏈接（訪問前）
a:visited 已訪問的鏈接（訪問后）
a:hover 鼠標(biāo)移動到連接上（鼠標(biāo)經(jīng)過）
a:active 選定的鏈接（按下鼠標(biāo)的時候）
注意：以上的順序不能顛倒,四種狀態(tài)不會全部使用
盒子的實體化三屬性:
寬 width
高h(yuǎn)eight
背景 background
實體化設(shè)置的好了就不會出現(xiàn)兼容問題逗爹，更能直觀的表現(xiàn)出盒子的狀態(tài)
權(quán)重計算
第一等：代表內(nèi)聯(lián)樣式亡嫌，如: style=””，權(quán)值為 1,0,0,0
第二等：代表ID選擇器掘而，如：#content倒庵，權(quán)值為 0,1,0,0
第三等：代表類罩旋，偽類和屬性選擇器，如.content，權(quán)值為 0,0,1,0
第四等：代表類型選擇器和偽元素選擇器魔招，如div p，權(quán)值為 0,0,0,1
平時的樣式有時候不生效可能就是權(quán)重不夠缸托，可以添加權(quán)重使得樣式生效饭聚，權(quán)重計算不進(jìn)位
內(nèi)邊距：padding 拉開內(nèi)容到盒子邊緣的距離；
外邊距：margin 拉開盒子與盒子之間的距離止潘；
盒子陰影：
box-shadow: 水平陰影 垂直陰影 模糊距離 陰影大小 陰影顏色 內(nèi)/ 外陰影
實際常用設(shè)置：box-shadow: 水平陰影 垂直陰影 模糊距離 陰影顏色
浮動布局的注意點：
利用浮動布局的時候掺炭，建議給浮動的元素嵌套一個父級元素，然后給父級最好設(shè)置固定的高度凭戴，就減少出現(xiàn)兼容問題
所有的浮動布局在效果圖量取的寬高必須一模一樣
清除浮動：
環(huán)境1：標(biāo)準(zhǔn)流（默認(rèn)情況下）：父級盒子嵌套子級盒子涧狮，如果不給父級盒子設(shè)置固定的高度，父級盒子默認(rèn)的高度為0么夫，但是實際的高度是子級盒子撐開的
環(huán)境2：浮動流（浮動布局）：父級盒子嵌套子級盒子者冤，如果不給父級盒子設(shè)置固定的高度，父級盒子里面的子級盒子設(shè)置浮動float屬性档痪，父級盒子的高度不會被撐開涉枫，就是默認(rèn)的0，這樣就會影響我們后面的盒子正常顯示
清除浮動本質(zhì)：
父級盒子因為子級浮動引起內(nèi)部高度為0的問題腐螟，清除浮動之后愿汰，父級就會根據(jù)浮動的盒子自動檢測高度，從而解決影響下面盒子的布局問題
清除浮動的方法：
額外標(biāo)簽法遭垛，父級加overflow屬性法尼桶，使用after偽元素法，使用雙偽元素清除浮動
額外標(biāo)簽法：在浮動元素的末尾添加一個空的標(biāo)簽：例如：<div style=“clear:both;”></div>
父級加overflow屬性法：直接給父級添加overflow:hidden锯仪，強制的撐開父級
after偽元素法:
.clearfix:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix {
*zoom: 1; /*ie6,7 專門清除浮動的樣式*/
}
誰里面有浮動就在誰的開始標(biāo)簽身上添加class=“clearfix”
雙偽元素清除浮動：
.clearfix:before ,.clearfix:after {
content: "";
display: table;
}
clearfix:after {
clear:both;
}
.clearfix {
*zoom: 1; /*ie6,7 專門清除浮動的樣式*/
}