0

我查看了两个可以为我节省大量时间的 CSS 框架（Blueprint，960gs），但对如何使用它们和遵守 Web 标准有疑问。例如，蓝图有如下内容：

<div class="span-24 last">

和 960gs 像：<div class="grid_6 prefix_3 suffix_3">

这并不困扰我，但我看到有人提到不建议使用这些非标准的类名称，并且违反了 Web 标准。作为一名后端开发人员，我不了解最新的 Web 标准、可访问性等，但我希望至少保持一定程度的兼容。简单地添加有意义的 id 会起作用吗？喜欢：<div class="grid_12" id="menu">使用此类 CSS 框架时是否有最佳实践？

注意：我也喜欢 nicholaides 关于使用 Compass/Sass 的建议！

4

6 回答 6

8

我认为您将样式论点与标准论点混淆了。有人争辩说，在创建类时，您应该将其称为“标题”而不是“蓝色”——因为如果标题需要变为绿色，则必须更改类定义和 HTML，而不仅仅是重新定义“标题” ' 班级。这是个人喜好，风格不错，但与任何标准无关。

类没有“标准”名称，您可以随意称呼它们，因此从技术标准的角度来看，我不会担心以任何特定方式命名类。

此外，由于 CSS 框架创建的类并不是由人类编辑的，而只是在框架的上下文中使用，因此它们缺乏语义意义在框架之外是无关紧要的。

于 2009-07-21T15:53:28.240 回答
4

我不明白如何

<div class="span-24 last">

和

<div class="grid_6 prefix_3 suffix_3">

不符合网络标准。这只是分配给单个元素的多个类。

于 2009-07-21T15:49:38.217 回答
3

从长远来看，您节省的时间将会丢失。你可能会发现自己永远在你的 css 和你的 html 之间来回切换，试图记住“grid_6”是什么。描述性的类名会有很大帮助。

于 2009-07-21T15:47:25.193 回答
2

查看指南针。

它使用Sass（编译为 CSS）并使用了许多流行的 CSS 框架的功能。（它并不像听起来那么可怕/奇怪。即使没有 CSS 框架支持，Sass 也是 CSS 的绝佳替代品。）

而不是做

<ul class="column_6">...</ul>

你做：

ul.naviation
  color: #fff
  +column(6)

编译为

ul.navigation {
  color: #fff;
  /* all the rules for the 6th column a placed here */
}

您可以利用 CSS 框架，同时保持标记的简洁和语义。

于 2009-07-26T03:27:16.477 回答
1

不要使用 CSS 框架
，因为您的网站不会使用框架提供的所有内容。

将其作为参考并编写自己的 CSS 就好了。
它会更容易维护，而且你的 css 文件会更小。

我将使用的唯一部分是..来自 960.gs
的 reset.css 文件 reset css 文件被广泛用于删除所有带有 DOM 元素的默认空白间距。

于 2009-07-21T15:40:57.797 回答
0

您可以尝试使用即将到来的 html5 名称规范的 id 命名元素： hml5 表，它非常广泛地指定用于任何地方。如果你坚持这个命名约定，你应该记住设计元素的目的。如果需要更高的精度，请尝试使用一些您会理解的人类可读格式 - 您的写作舒适度是高质量代码的关键。

如果您对该主题更感兴趣，请阅读有关粉碎杂志“html5 和网络的未来”的完整文章（谷歌它：新用户链接限制：/）

于 2009-07-21T21:05:06.160 回答