A今天我學到了什么

HTML標簽的分類

1.塊標簽：獨占一行并能夠設置寬高（div,h1~h6,p,ul,li,dl,dt,dd）

2.內聯標簽：并排顯示，不能設置寬高，不能設置margin-top,margin-bottom（a,span,em,strong）

3.內聯塊：能并排顯示，可以設置寬高（button,img,input）

改變元素屬性：display:block（塊標簽）    display:inline（內聯標簽）   display:inline-block（內聯塊）

css選擇器

css選擇器：選中你所要改變的元素的一種的方式

分組選擇器：p,h1,div｛color:yellow｝選擇多個元素

后代選擇器：div>span{} 選取div所有子元素為span的標簽
div span{}選取div之后的所有span的標簽

兄弟選擇器：div+p{}選取緊鄰div之后的第一個兄弟元素
div~p{}選取緊鄰div之后的所有兄弟元素

屬性選擇器：div[class='test']{}

偽類選擇器：div:hover{}
input:focus{}

偽元素

before 偽元素可以在元素的內容前面插入新內容
after 偽元素可以在元素的內容之后插入新內容。

B今天我掌握了什么

HTML標簽的分類

1.塊標簽：獨占一行并能夠設置寬高（div,h1~h6,p,ul,li,dl,dt,dd）

2.內聯標簽：并排顯示，不能設置寬高，不能設置margin-top,margin-bottom（a,span,em,strong）

3.內聯塊：能并排顯示，可以設置寬高（button,img,input）

改變元素默認屬性：display:block    display:inline   display:inline-block

css選擇器

css選擇器：選中你所要改變的元素的一種的方式

分組選擇器：p,h1,div｛color:yellow｝選擇多個元素

后代選擇器：div>span{} 選取div所有子元素為span的標簽
div span{}選取div之后的所有span的標簽

兄弟選擇器：div+p{}選取緊鄰div之后的第一個兄弟元素
div~p{}選取緊鄰div之后的所有兄弟元素

屬性選擇器：div[class='test']{}

偽類選擇器：div:hover{}
input:focus{}

偽元素

before 偽元素可以在元素的內容前面插入新內容
after 偽元素可以在元素的內容之后插入新內容。

C今天我沒有掌握什么

沒有