新闻资讯

确认CSS的有效性

使用CSS验证器可以让你了解你的CSS代码是否正常工作。另一个作用是它能找出你的样式表中的错误，而且，在你手工排错时他会节省你的时间。

要避免的坏习惯

创建冗余的CSS

对于指定的元素反复定义样式不是一个好做法。让代码变得简练以及删除荣誉样式是非常重要的。例如，你问一个段标记和span标记定义了相同的字体大小和颜色，那么你可以用逗号分割这两个定义项，一次性定义他们。

看一下下面的代码。

不正确的做法

1	span {font-size: 12px; color: red;}

正确的做法

1	span, p {font-size: 12px; color: red;}

将标记名称与ID或者Class混用

将标记名称加在ID或者Class上不是一个好习惯因为他会降低样式表的匹配速度。

对比一下下面的代码。

错误用法

1	p#container {color: red; font-size: 8px;}

正确用法

1	#container {color: red; font-size: 8px;}

分别定义margin和padding

使用独立的CSS代码来定义margin或者padding的上下左右四个方向不是一个好主意。尽量使代码简短并把它们放在一行里会使你的代码更具有可读性，并且使得浏览器有更快的加载速度。

错误用法

例如，在容器中你有一个div id，你分别对他们的上下左右四个方向进行定义。代码如下：

1	#container {

正确用法是：

你可以将这些代码样式放在一行中进行定义，代码如下：

1	#container {margin: 10px 2px 5px 14px;}

在ID或者Class名称中使用下划线

使用下划线可能会在旧版本的浏览器中引起未知后果。强烈建议使用中划线。

看下面的代码。
不推荐的做法：

1

.

正确做法

1

.

总结

通过这篇文章，我给出了一些关于如何写好CSS代码和避免所犯错误的技巧和指导。在写代码时遵守这些规则，能够帮助你建立简洁高效的代码，并有助于将来少犯错误。一定要使用W3C的CSS验证器校验CSS代码，使它成为高质量无措的CSS文件。