1

这个周末，我为一个虚构的网站做了一个模板。我经常这样做是为了尝试构建一个代码非常干净的网站模板，使用最少的标记和非常简洁的 CSS。

我希望我的网站在将它们交给客户之前能够完美验证。

我有两个问题（我想知道其他人如何制作一个完全有效的网站）：http: //validator.w3.org/check

我使用了一些 CSS3 属性（过渡、框阴影、边框半径等），这些属性使网站无法通过验证，因为验证器会根据 CSS 2.1 规范进行检查（我猜）。你们有什么方法可以在 CSS 中使用这些属性传递验证器吗？您是否将它们分开并将它们包装在条件注释中？

第二个是@import CSS 方法。在我的标题中，我有一个名为 main.css 的样式表。在这个样式表中，我有这样的东西：

/*site structure*/
/*@import url("grid_system_960.css");*/

/*default style rules
@import url("layout.css"); */

/*navigation.css
@import url("navigation.css");*/

我只是这样做以保持 CSS 模块化和干净，但 @import 也使验证器失败。

有没有人有任何建议可以用来改进我的结构/方法？

4

1 回答 1

8

我希望我的网站在将它们交给客户之前完美验证。

停止。验证是一种工具，而不是竞争。如果您了解代码失败的原因以及偏离规范的后果，那么这不是问题。

作为验证器使用 CSS 2.1 规范进行检查

验证器将使用您指定的任何配置文件

第二个是@import CSS 方法。

不要在生产代码中使用它。它增加了 HTTP 请求的数量并减慢了站点速度。在发布之前合并和缩小 CSS。

@import 也使验证器失败

然后你用错了（可能是因为没有让它成为样式表中的第一件事）。“在 CSS 2.1 中，任何@import规则都必须在所有其他规则之前（@charset 规则除外，如果存在）。”

于 2011-04-18T10:22:10.827 回答