css基础

##控制台调试方式：

 * 每个样式来源都会有注明，浏览器默认样式为 user agent stylesheet
 * element state可以看到visited focus hover active选项
 * computed项里面可以看到计算之后的样式

##行文结构

 * 注释可以加个特殊符号，搜索特殊符号可以很快定位
 * 样式应该一层一层去构建，先定义通用的，再定义具体的。先定义好一般性样式（全局normalize、主体、链接、标题等），然后是辅助样式（表单及其中的元素、通知等内容），再进行页面各个板块结构的划分和内部组件的样式指定。
 * 不同内容之间用注释隔开。可以准备好一个带有注释的模板，提高开发的效率。
 * 可以做一个常用值的查询表，里面有字号和色号等，这样就很一目了然地可以找到想找的。（当然对于用sass的人来说，直接预存好一些变量更为直观和方便）
 * 大的项目为了达到样式的统一，可以建立一个样式指南，可以从中获取很有价值的资源进行页面组合。同时，也可以对这些不同项目进行测试，以了解到底是标准组合出了问题，还是在具体网页中使用时出现了问题。

##一些重要的注意事项

 * 同一属性上不要混合使用不同单位，比如px和%混用。
 * 复合属性会覆盖之前定义了的单一属性，比如高权值的选择器中设置了border属性，那么低权值选择器中设置的border-left属性就会被覆盖。