首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >内联CSS有什么不好?

内联CSS有什么不好?
EN

Stack Overflow用户
提问于 2010-04-10 14:22:13
回答 14查看 94.5K关注 0票数 196

当我看到网站启动代码和示例时,CSS总是在一个单独的文件中,命名为"main.css“、"default.css”或"Site.css“。但是,当我编写页面时,我经常想使用DOM元素内联CSS,比如在图像上设置"float: right“。我感觉这是“糟糕的编码”,因为在示例中很少这样做。

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

问题是:使用内联CSS被认为是不好的吗,即使它只在元素上使用?如果有,原因何在?

示例(这很糟糕吗?):

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

回答 14

Stack Overflow用户

回答已采纳

发布于 2010-04-10 14:26:31

当你想让网站看起来不一样的时候,你必须改变100行代码。这在您的示例中可能不适用,但如果您使用内联css来执行以下操作

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

在每个页面上表示一个页眉,它将更容易维护为

<div class="pageheader">  

如果在单个样式表中定义了页眉,以便在希望更改整个站点的页眉外观时,只需在一个地方更改css。

然而,我将是一个异端,并说在您的示例中,我看不到任何问题。您的目标是单个图像的行为,它可能必须在单个页面上看起来正确,所以将实际的css放在样式表中可能有些夸张。

票数 224
EN

Stack Overflow用户

发布于 2010-04-10 14:28:08

内联CSS总是,总是优先于任何链接样式表CSS。如果您编写了一个适当的级联样式表,并且您的属性没有正确地应用,那么这可能会给您带来巨大的麻烦。

它还会在语义上损害您的应用程序: CSS的目的是将表示与标记分离。当你将两者纠缠在一起时,事情就会变得更加难以理解和维护。它的原理类似于在服务器端将数据库代码与控制器代码分离。

最后,假设您有20个这样的图像标记。当您决定将它们向左浮动时会发生什么?

票数 17
EN

Stack Overflow用户

发布于 2010-04-10 14:25:39

使用内联CSS更难维护。

对于您想要更改的每个属性,使用内联CSS都需要查找相应的HTML代码,而不是只查找定义清晰且结构良好的CSS文件。

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2612483

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档