整理一下CSS最容易躺枪的二十规则，大家能躺中几条？

整理一下CSS最容易躺枪的二十规则，大家能躺中几条？

 

转载：API中文网

  

一、float:left/right 或者 position: absolute 后还写上 display:block？

二、认为布局就是 Float，所有的地方都是 Float，全家都是 Float！

三、认为 px 是一个绝对单位(px 是相对单位)整个页面都是 px,全家都是 px;

四、查看源码，满屏都是 div 的就不多说了吧……;

五、段落不会用 P 只会用 br 和 div;

六、多 class 症(病入膏肓的表现就是几乎每个元素上都有不止一个 class);

七、情绪化命名：.sb、#sb_box 、lj.png;

八、人民币符号：￥少一横.

九、给非定位元素定义了z-index堆叠级别;

十、不用h1、h2等标题标签，这是经常被忽略的HTML标签使用的语义性，标题用h1..h6是有层次的，而且对页面的抓取也有很大的影响，大家多注意吧;

十一、从一开始写页面就用一个长长的css reset把所有的浏览器默认样式统统干掉了;

十二、反正css就那么点东西，布局的时候不是position，就是float。可是你告诉我为毛在移动端你也不用css3;

十三、闭合浮动的时候，都是先定义好一个.clear样式，然后加空div;

十四、p标签包含div;

十五、不会用或乱用 B / I / S / U 之类在 html5 中重新定义过的标签;

十六、真的在address标签里写家庭住址信息或者其他地址信息;

十七、完全把main, section, article, aside等当成div来用了;

十八、搞不拎清 PNG 的分类，认为 PNG24 支持透明，不知道 PNG8 也支持 α 透明;

十九、混淆 INPUT 的 disabled 属性和 readonly 属性;

二十、为了让 Chrome 这个脑残支持小于12px 的文字，在 html 设置 -webkit-text-size-adjust:none;