css - 内联 CSS 有什么不好？

Question

当我看到网站起始代码和示例时，CSS 总是在一个单独的文件中，名称类似于“main.css”、“default.css”或“Site.css”。然而，当我编写页面代码时，我常常想将 CSS 与 DOM 元素放在一起，例如通过在图像上设置“float:right”。我觉得这是“糟糕的编码”，因为在示例中很少这样做。

我理解如果样式将应用于多个对象，明智的做法是遵循“不要重复自己”(DRY)并将其分配给一个 CSS 类以供每个元素引用。但是，如果我不想在另一个元素上重复 CSS，为什么不在编写 HTML 时内联 CSS？

问题:使用内联 CSS 是否被认为是不好的，即使它只会用在那个元素上？如果是，为什么？

示例(这样不好吗？):

<img src="myimage.gif" style="float:right" />

Answer 1

如果您想让网站看起来与众不同，则必须更改 100 行代码。这可能不适用于您的示例，但如果您将内联 css 用于类似

<div style ="font-size:larger; text-align:center; font-weight:bold">

在每个页面上表示一个页眉，这样维护起来会容易很多

<div class="pageheader">  

如果页眉是在单个样式表中定义的，那么如果您想更改页眉在整个站点中的外观，则只需更改一个地方的 css。

但是，我会成为一个异教徒，并说在你的例子中，我认为没有问题。你的目标是单个图像的行为，它可能必须在单个页面上看起来正确，所以将实际的 css 放在样式表中可能会过大。