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;}