当我看到网站入门代码和示例时,CSS始终位于单独的文件中,命名为“ main.css”,“ default.css”或“ Site.css”。但是,当我编写页面代码时,经常会想将CSS与DOM元素直接插入一行,例如在图像上设置“ float:right”。我感觉这是“不良编码”,因为在示例中很少这样做。
我知道,如果将样式应用于多个对象,则应遵循“不要重复自己”(DRY)并将其分配给每个元素要引用的CSS类。但是,如果我不想在另一个元素上重复CSS,为什么在编写HTML时不内联CSS?
问题:即使仅在该元素上使用内联CSS是否被认为是不好的?如果是这样,为什么?
示例(这不好吗?):
<img src="myimage.gif" style="float:right" />
要使站点看起来不同,必须更改100行代码。这可能不适用于您的示例,但是如果您将内联CSS用于类似
<div style ="font-size:larger; text-align:center; font-weight:bold">
在每个页面上表示一个页面标题,维护起来会容易得多
<div class="pageheader">
如果pageheader是在单个样式表中定义的,那么,如果要更改页面标题在整个网站上的外观,则可以在一个位置更改css。
但是,我将成为一个异端,并说在您的示例中,我认为没有问题。您的目标是单个图像的行为,该行为可能必须在单个页面上正确显示,因此将实际的CSS放在样式表中可能会显得过大。