day02

今天学了什么

1.html标签的分类

块标签：div,   h1~h6,   p,  ul,  li,  dl,  dt,  dd,

    特点：   独占一行，能够设置宽高

属性：display:block

内联标签：  a,  span,  em,    strong

  特点： 并排显示 ，不能设置宽高  不能设置margin-top.  margin-bottom

  属性 ：display:inline;

内联块标签：button   img   input

   特点：并排显示，  可以设置宽高

  属性：  display:inline-block

让内联元素和内联块元素水平居中

方法一

display:block,   margin-left;aoto;  margin-right;aoto;

方法二

给父级加 text-align:center;

2. css 选择器

分组选择器：

p,h4{background:gray}

后代选择器

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

兄弟选择器

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

     伪类选择器

  div：hover{}       input: focus{}

  属性选择

   div[class="text"]{}

3.选择器的优先级排序

       important>#id选择器>.class选择器>p元素选择器
div {}  < div.class{} < div#first{} < div {,important}
       

4.伪元素

      ：“before”可以在元素前加新的内容
       必须使用content
      列：before{
           content：
}

     ：“after”可以在元素后加新的内容
      必须使用content
    列：after{
         content：
}

我学会了什么

1.html标签的分类

块标签：div,   h1~h6,   p,  ul,  li,  dl,  dt,  dd,

    特点：   独占一行，能够设置宽高

属性：display:block

内联标签：  a,  span,  em,    strong

  特点： 并排显示 ，不能设置宽高  不能设置margin-top.  margin-bottom

  属性 ：display:inline;

内联块标签：button   img   input

   特点：并排显示，  可以设置宽高

  属性：  display:inline-block

让内联元素和内联块元素水平居中

方法一

display:block,   margin-left;aoto;  margin-right;aoto;

方法二

给父级加 text-align:center;

2. css 选择器

分组选择器：

p,h4{background:gray}

后代选择器

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

兄弟选择器

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

     伪类选择器

  div：hover{}       input: focus{}

  属性选择

   div[class="text"]{}

3.选择器的优先级排序

       important>#id选择器>.class选择器>p元素选择器
div {}  < div.class{} < div#first{} < div {,important}
       

4.伪元素

      ：“before”可以在元素前加新的内容
       必须使用content
      列：before{
           content：
}

     ：“after”可以在元素后加新的内容
      必须使用content
    列：after{
         content：
}

我不会什么

无