A.今天學(xué)了什么
1.html標(biāo)簽的分類
1.1 塊標(biāo)簽
特點(diǎn)：獨(dú)占一行；可以改變高寬
屬性：display :block
常見的塊標(biāo)簽有：p;div;h1~h6;ul;li;dl;dt;dd.
1.2 內(nèi)聯(lián)標(biāo)簽
特點(diǎn)：并排顯示舆逃；不能改變高寬励两。 不能設(shè)置margin-top和margin-button
屬性：display:inline
常見的內(nèi)聯(lián)標(biāo)簽有：a ;span;em;strong
1.3 內(nèi)聯(lián)塊標(biāo)簽
特點(diǎn)：并排顯示荧飞，能改變高寬
屬性：display:inline-block
常見的內(nèi)聯(lián)塊標(biāo)簽：img；input；button朦肘。
2.css選擇器
2.1 css元素選擇器
p{color:pink}
2.2 class選擇器
.test{color:yellow}
2.3 id選擇器
#first{color:blue}
2.4 分組選擇器
p,h4{background:gray}
2.5 后代選擇器
div>span{} //選取div所有子元素為span的標(biāo)簽
div span{} //選取div之后的所有span元素
2.6 兄弟選擇器
div+p{}選取緊鄰div之后的第一個(gè)兄弟元素
div~p{}選取緊鄰div之后的所有兄弟元素
2.7偽類選擇器
div:hover{}
input:focus{}
3 偽元素
3.1 ":before" 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容
p:before{
content:''
}
3.2 ":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容盖文。
p:after{
content:''
}
4 屬性選擇
4.1 div[class='test']{}
5 在頁面中讓盒子等標(biāo)簽水平居中的不同方法嘱蛋。
5.1 margin-left:auto;
margin-right:auto
5.2 給父級(jí)加 text-align:center
>#### 6 偽元素
6.1 ":before" 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容
p:before{
content:''
}
6.2 ":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容。
p:after{
content:''
}
>####7 屬性選擇
div[class='test']{}
B 今天學(xué)到了什么
1在頁面中讓盒子等標(biāo)簽水平居中的不同方法五续。
1.1 margin-left:auto;
margin-right:auto
1.2 給父級(jí)加 text-align:center
2 偽元素
2.1 ":before" 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容
p:before{
content:''
}
2.2 ":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容洒敏。
p:after{
content:''
}
3 屬性選擇
div[class='test']{}
C 今天沒有掌握什么
今天內(nèi)容都掌握了
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
