A今日所學
一、HTML標簽的分類
1.塊標簽
p,div,ul,li,dl,dt,dd,h1~h6
獨占一行+可設(shè)置高寬以及所有填充
2.內(nèi)聯(lián)標簽
a,span,em,i,storng
并排顯示+不可設(shè)置高寬以及margin-top和margin-bottom
3.內(nèi)聯(lián)塊標簽
button,img,input
并排顯示+可設(shè)置高寬以及所有填充
二祥国、讓內(nèi)聯(lián)標簽與內(nèi)聯(lián)塊標簽居中的兩種方法
1.
改變display屬性為block昵观，然后填充
2.
外層套DIV，使外層DIV居中
三舌稀、CSS選擇器
1.元素選擇器
2.class選擇器
3.id選擇器
4.分組選擇器
p,h4{}
5.后代選擇器
div>span{}
div span{}
6.兄弟選擇器
div+p{}
div~p{}
7.偽類選擇器
p:hover{}
p:focus{}
8.偽元素
p:after{}
9.屬性選擇
div[class='test']{}
四啊犬、選擇器的優(yōu)先級
元素選擇器<class選擇器<ID選擇器<!important
div{color:pink}<div.test{color:blue}<div#first{color:yellow}<div{color:red !important}
B今日已掌握
一、HTML標簽的分類
1.塊標簽
p,div,ul,li,dl,dt,dd,h1~h6
獨占一行+可設(shè)置高寬以及所有填充
2.內(nèi)聯(lián)標簽
a,span,em,i,storng
并排顯示+不可設(shè)置高寬以及margin-top和margin-bottom
3.內(nèi)聯(lián)塊標簽
button,img,input
并排顯示+可設(shè)置高寬以及所有填充
二壁查、讓內(nèi)聯(lián)標簽與內(nèi)聯(lián)塊標簽居中的兩種方法
1.
改變display屬性為block觉至，然后填充
2.
外層套DIV，使外層DIV居中
三睡腿、CSS選擇器
1.元素選擇器
2.class選擇器
3.id選擇器
4.分組選擇器
p,h4{}
5.后代選擇器
div>span{}
div span{}
6.兄弟選擇器
div+p{}
div~p{}
7.偽類選擇器
p:hover{}
p:focus{}
8.偽元素
p:after{}
9.屬性選擇
div[class='test']{}
四语御、選擇器的優(yōu)先級
元素選擇器<class選擇器<ID選擇器<!important
div{color:pink}<div.test{color:blue}<div#first{color:yellow}<div{color:red !important}
