这些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",但是最好选择与表示无关的东西并传达意义:它的相关语义.

我们关闭了圆圈:它是整个课程的重点.另见W3上的该文档.

Answer 2

不,不是真的.

类名称应该首先描述您使用它的内容,而不是它的用途.

例如,如果您将类命名为"bluebold",然后确定您希望文本为红色和斜体,则必须创建一个新类并在其使用的任何位置更改它,否则最终会导致类名不再适合.