標(biāo)簽的分類
1.1 塊標(biāo)簽
h1 武学，p芥喇，ul胳喷，li瓶佳，dl,dt,dd,
特點(diǎn)：獨(dú)占一行返十，能設(shè)置width荣回，height
1.2 內(nèi)聯(lián)標(biāo)簽
a ,span,i,em,strong
特點(diǎn)：并排顯示察迟，不能設(shè)置width立砸，height 不能設(shè)置margin-top,margin-bottom
1.3 內(nèi)聯(lián)塊
input,img,button
特點(diǎn)：1.并排顯示掖疮，設(shè)置width，height
- 內(nèi)聯(lián)元素和內(nèi)聯(lián)塊元素 塊標(biāo)簽轉(zhuǎn)化
display：block颗祝；塊標(biāo)簽?zāi)J(rèn)值浊闪；
display：inline恼布；內(nèi)聯(lián)標(biāo)簽?zāi)J(rèn)值；
display：inline-block搁宾；內(nèi)聯(lián)塊標(biāo)簽?zāi)J(rèn)折汞；
想轉(zhuǎn)化成什么就加納個(gè)默認(rèn)值；
不改變內(nèi)聯(lián)和內(nèi)聯(lián)塊的屬性盖腿，實(shí)現(xiàn)水平居中
父級(jí){
text-align：content爽待；
}
css選擇器
定義:選定你所要改變的元素的一種方式。
2.1分類
(1).css元素選擇器
文檔的元素就是最基本的選擇器
p{color:pink}
(2).class選擇器
.test{color:yellow}
(3).id選擇器
#first{color:blue}
(4).分組選擇器
p,h4{background:gray}
(5).后代選擇器
div>span{} //選取div所有子元素為span的標(biāo)簽
(6).兄弟選擇器
div+p{}選取緊鄰div之后的第一個(gè)兄弟元素
div~p{}選取緊鄰div之后的所有兄弟元素
(7).偽類選擇器
div:hover{}
input:focus{}
(8).偽元素
":before" 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容
p:before{
content:''
}
":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容翩腐。
p:after{
content:''
}
(9).屬性選擇
div[class='test']{}
2.2選擇器的優(yōu)先級(jí)別排序
<div class='test' id='first'>hello world</div>
元素選擇器<class選擇器<ID選擇器<!important
div{color:pink}<div.test{color:blue}<div#first{color:yellow}<div{color:red !important}
問題
1下劃線
text-decoration：none underline overline
