当我看到网站启动代码和示例时,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">
如果页眉是在单个样式表中定义的,那么如果您想更改页眉在整个站点中的外观,您可以在一个地方更改 css。
但是,我将成为异端,并说在您的示例中,我认为没有问题。您的目标是单个图像的行为,它可能必须在单个页面上看起来正确,因此将实际的 css 放在样式表中可能会过大。