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