css引入
1.行間樣式 ? ?style屬性 ??
優(yōu)點(diǎn)：直接寫在標(biāo)簽內(nèi)怀泊，對該標(biāo)簽生效
缺點(diǎn)：內(nèi)容和樣式?jīng)]有分離本砰，代碼閱讀性比較差蜒蕾，樣式不能復(fù)用
2.內(nèi)部引入 ? ?style標(biāo)簽 ? ??
優(yōu)點(diǎn)：樣式可以復(fù)用，樣式和內(nèi)容分離沮趣，提高代碼閱讀性
缺點(diǎn)：代碼并沒有完全復(fù)用
3.外部引入 ? ? 引入css文件
優(yōu)點(diǎn)：可以讓樣式在不同的html文件中得到復(fù)用屯烦，也讓內(nèi)容和樣式得到分離
缺點(diǎn)：外部引入會(huì)讓網(wǎng)頁在加載的過程中發(fā)送一次額外的請求
選擇器
統(tǒng)配選擇器 ?* ?對所有的標(biāo)簽生效
類選擇器：.class{} ?1.標(biāo)簽里面添加class屬性 class=“test”
2.在style里面寫.test{}給所有的類名為test的標(biāo)簽添加屬性
3.一個(gè)標(biāo)簽可以有多個(gè)類名（類名之間用空格隔開），一個(gè)類名可以被多個(gè)標(biāo)簽使用
id選擇器：#id{} ? 1.在標(biāo)簽里面添加id屬性 id=“test”
2.在style里面寫#test{}給id為test的標(biāo)簽添加屬性
3.一個(gè)標(biāo)簽一般只有一個(gè)id兔毒，一個(gè)id能被一個(gè)標(biāo)簽使用
標(biāo)簽選擇器：使用標(biāo)簽名{}給所有這個(gè)名字的標(biāo)簽添加樣式漫贞，范圍很大。一般用于重置標(biāo)簽的默認(rèn)樣式
后代選擇器：是一個(gè)結(jié)構(gòu)育叁，子父（父父）級的結(jié)構(gòu)迅脐，子級在后，樣式作用域最后一個(gè)子級
群組選擇器：樣式會(huì)作用于多個(gè)選擇器豪嗽，代表每一個(gè)用逗號隔開的選擇器都會(huì)擁有這種樣式
優(yōu)先級問題
只有當(dāng)兩個(gè)選擇器里面的樣式出現(xiàn)沖突之后才會(huì)產(chǎn)生優(yōu)先級的概念
樣式不沖突的時(shí)候每一個(gè)選擇器里面的樣式都會(huì)生效
優(yōu)先級可以以權(quán)值來計(jì)算{
* ? ? ? ? ?0谴蔑；
標(biāo)簽選擇器 ? ? 1豌骏；
類選擇器 ? ? ? 10；
id選擇器 ? ? ? ?100隐锭；
style行間樣式 ? 1000窃躲；
！important ? ? ?10000钦睡；
后代選擇器 ? 會(huì)先去查找后代選擇器里面權(quán)值最高的選擇器蒂窒，然后看個(gè)數(shù)來比較
}
邊框
邊框顏色 border-color；默認(rèn)和字體顏色一樣
邊框粗細(xì) border-width荞怒；默認(rèn)3px洒琢；
邊框形狀 border-style；沒有默認(rèn)值褐桌，是邊框的必要屬性 solid 實(shí)線 ? ?dashed 虛線 ? ?dotted ?點(diǎn)狀線
給元素添加邊框之后衰抑，整個(gè)元素大小會(huì)發(fā)生變化
邊框的屬性都可以分為四個(gè)方向來寫border-（方向）-（屬性）
圓角效果
外邊距（margin）
可以設(shè)置負(fù)數(shù)
left.top一般會(huì)讓自身位置發(fā)生變化，bottom和right一般會(huì)讓下方和右側(cè)的元素位置發(fā)生變化
在使用margin-top的時(shí)候荧嵌，如果父級沒有邊框呛踊，會(huì)把父級帶下來
解決方法：給帶有margin-top的元素的父級添加邊框
margin的復(fù)合寫法
