day2

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今天我没有掌握什么

没有