千锋教育-IT职业教育良心品牌。千锋 HTML5 大前端课程颠覆升级：千锋全覆盖企业项目开发前端、中台、后台全流程，真实承接上下游需求，协同协作；项目交叉融合，PC端、移动端、智能终端，各平台功能实现，技能进步看得见；还原企业真实开发场景，从项目立项到部署上线全程参与，不落下每一个开发环节；高验收标准，以真实企业需求要求功能实现，项目无BUG，流畅运行；基础-专业-项目-企业-就业-职后六维全息课程覆盖职场就业与职后发展，助力学员从全栈工程师向架构师进阶，满足不同职业发展需求。

　　为了让大家率的进行工作，本文归纳总结了几个实用的CSS代码技巧，希望对大家能有所帮助。

　　1、不要使用!important

　　说真的，不要使用!important。现在看起来可以的解决问题，但较终可能会导致大量的重写。相反，我们应该花点时间找到CSS选择器不工作的原因并更改它。

　　可以使用的!important的地方是当您想要覆盖HTML中的内联样式时，但是内联样式同样也是一个坏的习惯，应该尽量的避免。

　　2、Caniuse

　　对于CSS的属性Web浏览器仍然存在许多兼容性不一致的地方。使用caniuse来检查您使用的属性是否得到了广泛的支持？是否需要前缀？或者是否在某个浏览器中使用有要注意的地方？有了caniuse你在写CSS时就会更得心应手了。

　　3、验证

　　验证CSS可能不像验证HTML或JavaScript代码那么重要，但是通过工具运行一下你的代码仍然非常有用。它会告诉你是否犯了任何错误，警告错误的用法，并为您提供改进代码的提示。

　　就像压缩和Autoprefixer一样，有0元的工具可以利用：

　　在线

　　工具：W3 Validator, CSS Lint

　　文本编辑器插件：Sublime Text, Atom

　　代码库：stylelint (Node.js, PostCSS), css-validator (Node.js)