css - 这些CSS类名好吗？

Question

请参阅本页的 /* Common Classes */ 部分。

http://webdesign.about.com/od/css/a/master_stylesht_2.htm

这些 CSS 类是否适用于任何元素？在语义方面？

/* Common Classes */

.clear { clear: both; }

.floatLeft { float: left; }

.floatRight { float: right; }

.textLeft { text-align: left; }

.textRight { text-align: right; }

.textCenter { text-align: center; }

.textJustify { text-align: justify; }

.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.noindent { margin-left: 0; padding-left: 0; }

.nomargin { margin: 0; }

.nopadding { padding: 0; }

.nobullet { list-style: none; list-style-image: none; }

Answer 1

没有。它们不是好的选择。 css 的全部要点，特别是关于类的概念，是描述某物代表“什么”，而不是它应该“如何”出现。某物的含义(即它的语义)和它如何出现(即它的表示)是两个独立的概念。例如，如果您决定使用一个样式表将菜单显示为浅蓝色蓝色，而在另一个为色盲用户设计的样式表中将高对比度黑色显示为白色，那么菜单不会改变。

如果您赋予类一个表示的含义，则更改文档的显示方式将需要更改网页 html，从而破坏了将 CSS 作为一种专门设计用于提供和封装表示的技术的全部意义。为了防止这种情况，另一种方法是最终拥有名称不代表合理信息的类(例如，名为“bluefont”的类实际上包含一个 color:red 指令)。因此，将“bluefont”作为名称是完全随意的，并且与实际内容不同步。它可能是一个随机字符串“abgewdgbcv”，但最好选择与表示无关并传达含义的内容:其相关语义。

然后我们结束这个圈子:这是类(class)的全部意义所在。另见 this document at W3 .