标签：
##控制台调试方式：
* 每个样式来源都会有注明，浏览器默认样式为 user agent stylesheet
* element state可以看到visited focus hover active选项
* computed项里面可以看到计算之后的样式
##行文结构
* 注释可以加个特殊符号，搜索特殊符号可以很快定位
* 样式应该一层一层去构建，先定义通用的，再定义具体的。先定义好一般性样式（全局normalize、主体、链接、标题等），然后是辅助样式（表单及其中的元素、通知等内容），再进行页面各个板块结构的划分和内部组件的样式指定。
* 不同内容之间用注释隔开。可以准备好一个带有注释的模板，提高开发的效率。
* 可以做一个常用值的查询表，里面有字号和色号等，这样就很一目了然地可以找到想找的。（当然对于用sass的人来说，直接预存好一些变量更为直观和方便）
* 大的项目为了达到样式的统一，可以建立一个样式指南，可以从中获取很有价值的资源进行页面组合。同时，也可以对这些不同项目进行测试，以了解到底是标准组合出了问题，还是在具体网页中使用时出现了问题。
##一些重要的注意事项
* 同一属性上不要混合使用不同单位，比如px和%混用。
* 复合属性会覆盖之前定义了的单一属性，比如高权值的选择器中设置了border属性，那么低权值选择器中设置的border-left属性就会被覆盖。
标签：
原文地址：http://www.cnblogs.com/supersoup/p/4865611.html
