去css 冗余方法

1.float在某种意义上而言与display:inline-block属性的作用是一模一样的，

所以类似于display:block; float:left;

就是说。float：left 可以让行模块转化为内联块，可设置快高等，

所以在有float样式的情况下，display:inline-block 就可以省略。

________________________________________________________

 

2.对于body,p,h1~6这些标签，本身的padding值就是0，所以只需要margin:0就可以了。

在CSS为了方便，都是一堆标签直接套个margin:0;padding:0;了事。我是极不推荐这种写法，完全的浪费资源，浪费CSS的渲染。我比较喜欢的做法是把ul,ol独立出来，因为ul,ol还要独立设置list-style样式，而且常用的标签就ul,ol列表元素有默认的padding值，所以我认为高效的写法应该是：

body,p,h1,h2,h3,h4,h5,h6{margin:0;}
ul,ol{list-type:none; margin:0; padding:0;}

3.Vertical-align被用于垂直对齐inline元素，也就是display值inline-block的元素。对于block/inline水平的元素或是设置了浮动属性或是absolute绝对定位的元素，其都不支持vertical-align属性

 

4.

span{display:block; width:100%;}
div{width:100%;}
body{width:100%;}

在一般情况下，对于block属性的元素，width:100%这个属性绝对是多余的。默认的，block水平的元素就是宽度相对于父标签100%显示的。

 

当然，不使用100%的情况不是绝对的，下面这个组合可能使用width:100%是有必要的。

div{width:100%; overflow:hidden;}