一尘不染

内联CSS有什么不好的地方?

css

当我看到网站入门代码和示例时,CSS始终位于单独的文件中,命名为“ main.css”,“ default.css”或“
Site.css”。但是,当我编写页面代码时,经常会想将CSS与DOM元素直接插入一行,例如在图像上设置“
float:right”。我感觉这是“不良编码”,因为在示例中很少这样做。

我知道,如果将样式应用于多个对象,则应遵循“不要重复自己”(DRY)并将其分配给每个元素要引用的CSS类。但是,如果我不想在另一个元素上重复CSS,为什么在编写HTML时不内联CSS?

问题:即使仅在该元素上使用内联CSS是否被认为是不好的?如果是这样,为什么?

示例(这不好吗?):

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

阅读 385

收藏
2020-05-16

共1个答案

一尘不染

要使站点看起来不同,必须更改100行代码。这可能不适用于您的示例,但是如果您将内联CSS用于类似

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

在每个页面上表示一个页面标题,维护起来会容易得多

<div class="pageheader">

如果pageheader是在单个样式表中定义的,那么,如果要更改页面标题在整个网站上的外观,则可以在一个位置更改css。

但是,我将成为一个异端,并说在您的示例中,我认为没有问题。您的目标是单个图像的行为,该行为可能必须在单个页面上正确显示,因此将实际的CSS放在样式表中可能会显得过大。

2020-05-16