A我今天學到了什么
1HTML標簽的分類
塊標簽：div，h1~h6，p，ul，li，dl，dt，dd
特點：獨占一行，能夠設置寬高
屬性：display：block
內聯(lián)標簽：a，span，em，strong
特點：并排顯示，不能設置寬高
不能使用margin-top ，margin-botton
屬性：display：inline；
內聯(lián)塊：button，img，input
特點：并排顯示，可以設置寬高
屬性
讓內聯(lián)元素和內聯(lián)塊居中
方法一：display：block
margin-left:auto；
margin-right:auto;
方法二：給父級加text-align：center
2.1分類
1.css元素選擇器
p{color：red}
2. class選擇器
.class{color:yellow}
3. id選擇器
#first{color：blue}
4.分組選擇器
p，h4{color：red}
5.后代選擇器
div>span{}//選取div所有子元素為span標簽
div span{}//選取div之后的span標簽
6.兄弟選擇器
div+p{}選取緊鄰div之后的第一個兄弟元素
div~p{}選取緊鄰div之后的兄弟元素
7.屬性選擇
div[class=“text”]{}
8.偽類選擇器
div：hover{}懸停
input：focus{}焦點
2.2選擇器的優(yōu)先排序
元素選擇器<class選擇器<ID選擇器<！important
3偽元素
“:before”偽元素可以在元素的內容前面插入新內容
例：p：before{
content："
}
“:after”偽元素可以在元素的內容之后插入新內容
例：p:after{
content;"
}
B我掌握好的地方
塊標簽：div，h1~h6，p，ul，li，dl，dt，dd
特點：獨占一行，能夠設置寬高
屬性：display：block
內聯(lián)標簽：a，span，em，strong
特點：并排顯示，不能設置寬高
屬性：display：inline；
內聯(lián)塊：button，img，input
特點：并排顯示，可以設置寬高
讓內聯(lián)元素和內聯(lián)塊正中間居中
方法一：display：block
margin-left:auto；
margin-right:auto;
方法二：給父級加text-align：center
.css元素選擇器
p{color：red}
. class選擇器
.class{color:yellow}
. id選擇器
#first{color：blue}
.分組選擇器
p，h4{color：red}
.屬性選擇
div[class=“text”]{}
“:before”偽元素可以在元素的內容前面插入新內容
例：p：before{
content："
}
“:after”偽元素可以在元素的內容之后插入新內容
例：p:after{
content;"
}
C我掌握不好的地方
5.后代選擇器
div>span{}//選取div所有子元素為span標簽
div span{}//選取div之后的span標簽
6.兄弟選擇器
div+p{}選取緊鄰div之后的第一個兄弟元素
div~p{}選取緊鄰div之后的兄弟元素
