关于CSS3 / @ Import和验证CSS2.1的几个问题

Question

这个周末，我制作了一个虚构网站的模板。 我经常这样做，以尝试建立一个标记最少，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也使验证程序失败。

有没有人建议我改善自己的结构/方法？

Answer 1

我希望我的网站能够完美地进行验证，然后再将其移交给客户。

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

验证者使用CSS 2.1规范进行检查

第二个是@import CSS方法。

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

@import也使验证程序失败

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