关于如何规范正确的去写CSS样式代码在这里我给大家做一个详细的解说，有不明白的地方可以与我联系，有写的不对的地方也请批评指出，下面开始教程学习：
让我们来看看4个关键点
1、高效的CSS
2、可维护的CSS
3、组件化的CSS
4、hack-free CSS
一、书写高效CSS
1、不推荐使用行间样式:
2、不推荐使用内嵌样式:
3、推荐使用外联样式:
--------------------------------------------------------------------------------------------------------------------------
二、为了兼容老版本的浏览器，建议使用link引入外部样式表的方来代替@import导入样式的方式.
PS：译者注：@import是CSS2.1提出的所以老的浏览器不支持，点击查看@import的兼容性。@import和link在使用上会有一些区别，利用二者之间的差异，可以在实际运用中进行权衡。关于@import和link方式的比较有几篇文章可以拓展阅读：@import vs link、don’t use @import 、Flash of Unstyled Content (FOUC)
不推荐@import导入方式:
推荐引入外部样式表方式:
--------------------------------------------------------------------------------------------------------------------------
三、使用继承
低效率的:
高效的:
四、使用多重选择器
低效率的：
h1 { color: #236799; }
h2 { color: #236799; }
h3 { color: #236799; }
h4 { color: #236799; }
高效的：
h1, h2, h3, h4 { color: #236799; }
五、使用多重声明
低效率的：
p { margin: 0 0 1em; }
p { background: #ddd; }
p { color: #666;}
高效的：
p{margin: 0 0 1em;background: #ddd;}
六、使用简记属性
低效率的:
高效的:
