day02

A.今天学了什么？

1.HTML标签分为三大类
a.块标签:
   P,div,h1~h6,ul,li,dl,dt,dd这几种标签
   特点为单独占一行，能够设置行高
b.内联标签:
   a,span,i,strong,em标签
   特点为并排显示，不能设置行高，也不能设置margin-top和margin-bottom
c.内联块标签
   img,input,button标签
   特点为并排显示能设置宽高

2.如何让内联元素和内联块元素实现水平居中
  display:blok
  margin-left：auto:
  margin-right:auto;
  这样就能让内联元素和内联块元素实现水平居中。

3.如何让内联元素和内联块元素水平居中
   就是给父级加上text-align:center

4.css选择器的定义
   时选中你所要改变的元素的一张方式

5.CSS选择器的分类
a.文档的元素是最基本的选择器
   如:P{cloro:pink}
b.class选择器
如:.one{color:bule}
c.id选择器
   如:#two{color}
d.分组选择器
   如:p,h3{color}
e.后代选择器
  如: div>span  是选取div所有子元素为span的标签
        div span    是选取div之后的所有元素标签
f.兄弟选择器
  div+p   是选取紧邻div之后的第一个兄弟元素
   div~p  是选取紧邻div之后的所有兄弟元素
g.伪类选择器
   div:hover{}
   input;focus{}
h.伪元素
   "before"伪元素可以在元素的内容前面插入新内容
    如p:before{content:"}
    "after"伪元素可以在元素的内容后面插入新内容
     如p:after{content:"}
i.选择器的优先排列顺序
！important选择器>id选择器>class选择器>元素选择器

B.今天掌握了什么?

1.HTML标签三种类型的应用及各种类型的特点
2.display:blok;display:inline; display:inline-blok的相互运用
3.CSS选择器的运用（除了 div>span  div span  div+p div~p）
4.知道了选择器的优先排列顺序

C.今天没弄明白的有哪些？

1. div>span  div span  div+p div~p这四个选择器容易弄混淆。
2.如何让内联元素和内联块元素水平居中不懂。