css 5——常见”display”属性、浮动（float）、如何清除浮动带来的影响、定位（position）、列表样式、其他样式补充

1、标签的几种常见”display”属性

block	“块”元素
inline	“行内”元素
inline-block	行内块元素
none	隐藏

块元素、行内元素和行内块元素可以互相转化

2、浮动（float）

  float :  left    左浮动
  float ：right   右浮动
  float : none  默认 不浮动

加了浮动的元素会自动块化

3、如何清除浮动带来的影响

 1.给父元素加height
 2.给父元素加overflow:hidden
 3.在所有有浮动的元素后加一个空元素div，给此空元素添加样式clear:both
      clear:left   清除左浮动
      clear:right    清除右浮动
      clear:both   清除左、右浮动
  4.给父元素添加伪元素,在此伪元素上清除浮动
     .clearfix::after{
           display:block;
           content:"";
           clear:both;
     }

4、定位（posit