新闻资讯

使用注释标注CSS

另一个CSS编码的好经验是在每一个CSS分组中放置注释。一旦你遇到了CSS出错，这会让你很容易找到到CSS中出错的地方。

1	/****** General Styles *********/

规范化命名

对ID和Class使用正确的命名规范对制作CSS文件很重要。这使得你在需要向CSS文件中增加要素或者改办网站时能更容易，也更节省时间。

例如，你设置了一个名为 title-red的class，当你改变标题颜色时情况就会变得很糟糕，所以你为什么不直接使用title作为class名称呢？在命名元素时，要依据他们的用处而不是依据属性，例如元素的颜色或者字体大小。

使用十六进制代码而不是颜色名称

根据一项性能测试结果，十六进制进制代码的运行速度通常要快五分之四。在这里我们要借鉴这个性能测试。因此，我推荐使用十六进制代码而不是颜色名字。

使用CSS浏览器前缀

如果你了解CSS3的新特性，你一定知道每种浏览器在遇到某个样式的时候，都有他自己的规范。所以，你要使用浏览器的关键词，确保特定的浏览器能够正确解析你的CSS文件。

很多设计师和开发人员都会在这个问题上犯错，他们忘记加上浏览器前缀以便让特定的浏览器能正确解析。

浏览器前缀如下：

Chrome: -webkit-
Firefox: -moz-
iOS: -webkit-
Opera: -o-
Safari: -webkit-

例如，你希望将CSS transition加到你的CSS代码中，你只要正确使用不同浏览器的前缀即可。代码如下：

1	-webkit-transition: all 1s ease;