元素显示模式

主要研究换不换行

块级元素

独占一行(div)

随意加宽高

行内

一行显示多个（a）

不能加宽加高

行内块

一行显示多个（input）

转换

dispaly:block（转为块级）

display:inline-block(转为行内块)

display:inline(转为行内)

 

清除默认样式的一些代码

*{

    margin: 0;

    padding:0;

    box-sizing: border-box;

}

li {

    list-style: none;

}

a {

    text-decoration: none;

}

.clearfix:before,.clearfix:after {

    content:"";

    display:table;

  }

  .clearfix:after {

    clear:both;

  }