day02

A.今天学了什么

1.html标签的分类

1.1 块标签

特点：独占一行；可以改变高宽

属性：display :block

常见的块标签有：p;div;h1~h6;ul;li;dl;dt;dd.

1.2 内联标签

特点：并排显示；不能改变高宽。 不能设置margin-top和margin-button

属性：display:inline

常见的内联标签有：a ;span;em;strong

1.3 内联块标签

特点：并排显示，能改变高宽

属性：display:inline-block

常见的内联块标签：img；input；button。

2.css选择器

2.1 css元素选择器

p{color:pink}

2.2 class选择器

.test{color:yellow}

2.3 id选择器

#first{color:blue}

2.4 分组选择器

p,h4{background:gray}

2.5 后代选择器

div>span{} //选取div所有子元素为span的标签
div span{} //选取div之后的所有span元素

2.6 兄弟选择器

div+p{}选取紧邻div之后的第一个兄弟元素
div~p{}选取紧邻div之后的所有兄弟元素

2.7伪类选择器

 div:hover{}
input:focus{}

3 伪元素

3.1 ":before" 伪元素可以在元素的内容前面插入新内容
p:before{
  content:''
}

3.2 ":after" 伪元素可以在元素的内容之后插入新内容。
p:after{
 content:''
}

4 属性选择

4.1 div[class='test']{}

5 在页面中让盒子等标签水平居中的不同方法。

5.1 margin-left:auto;
margin-right:auto

5.2 给父级加 text-align:center

>#### 6 伪元素

6.1 ":before" 伪元素可以在元素的内容前面插入新内容
p:before{
  content:''
}

6.2 ":after" 伪元素可以在元素的内容之后插入新内容。
p:after{
 content:''
}

>####7 属性选择

div[class='test']{}

B 今天学到了什么

1在页面中让盒子等标签水平居中的不同方法。

1.1 margin-left:auto;
margin-right:auto

1.2 给父级加 text-align:center

2 伪元素

2.1 ":before" 伪元素可以在元素的内容前面插入新内容
p:before{
  content:''
}

2.2 ":after" 伪元素可以在元素的内容之后插入新内容。
p:after{
 content:''
}

3 属性选择

div[class='test']{}

C 今天没有掌握什么

今天内容都掌握了