A今天学到了什么？
1.html标签的三种分类
块标签：div , p , h1--h6, ul li , dl dt dd
特点：独占一行 ，能够设置宽高
属性：display:block
内联标签：a , em , strong , span
特点：不独占一行，不能设置宽高，不能设置margin-top,margin-bottom
属性：diaplay:inline
内联块标签：img, input , button
特点：并排显示，可以设置宽高
属性：display:inline-block
2.让内联元素水平居中
一·display:block
margin-left:auto;
margin-right:auto;
二·在父级标签设置
text-align(只对文字和图片有效)
3.选择器
元素选择器
p{}
class选择器
id选择器
分组选择器
p,h1,{}
后代选择器
div p{}选取所有为p的标签
div>p{}选取子元素中所有p标签
兄弟选择器
p1+p{}选取p1后面第一个且元素名为p的标签
p1~p{}选取p1后面所有p标签
伪类选择器
p:focus{}聚焦选择器
p:hover{}
属性选择器
div[]{}
div[class="content"]{}
4>.伪元素
before
div:before{
content:""
}
after
div:after{
content:""
}
B今天学会了什么
1.html标签的三种分类
块标签：div , p , h1--h6, ul li , dl dt dd
特点：独占一行 ，能够设置宽高
属性：display:block
内联标签：a , em , strong , span
特点：不独占一行，不能设置宽高，不能设置margin-top,margin-bottom
属性：diaplay:inline
内联块标签：img, input , button
特点：并排显示，可以设置宽高
属性：display:inline-block
2.让内联元素水平居中
一·display:block
margin-left:auto;
margin-right:auto;
二·在父级标签设置
text-align(只对文字和图片有效)
3.选择器
元素选择器
p{}
class选择器
id选择器
分组选择器
p,h1,{}
后代选择器
div p{}选取所有为p的标签
div>p{}选取子元素中所有p标签
兄弟选择器
p1+p{}选取p1后面第一个且元素名为p的标签
p1~p{}选取p1后面所有p标签
伪类选择器
p:focus{}聚焦选择器
p:hover{}
属性选择器
div[]{}
div[class="content"]{}
4>.伪元素
before
div:before{
content:""
}
after
div:after{
content:""
}
C 没掌握哪些
都掌握了
