整理一下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;
原文：https://www.cnblogs.com/ypppt/p/12937756.html