day02

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 没掌握哪些

都掌握了