当前位置: 首页 > 面试题库 >

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

杜俊风
2023-03-14
问题内容

当我看到网站入门代码和示例时,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放在样式表中可能会显得过大。



 类似资料:
  • 我最近看到我的朋友编写的一个 类有很多方法。该类与图像有关,并且具有诸如 我问他为什么要使用。我知道编译器会更改 到 他只是说,它减少了对函数的调用,并且只在实用程序方法上使用它们。每次复制相同的代码不会增加程序大小吗? 现在需要这个吗?如果需要,应该在什么时候使用它们? 编辑 我在Patrick提供的一个列表中列出了大多数问题和优点,以帮助那些不想浏览链接的未来观众。 问题 用扩展的函数体替换调

  • 问题内容: 我指的是这种讨论。我从未用C或C++编写任何代码。我没有任何CS背景。但是,我从事Java开发人员已有5年了,现在我决定学习更多有关CS的知识,并进行一些后续工作。 问题答案: 在执行给定的代码段时,无论何时调用标准函数,执行时间都比将其中包含的代码转储到该函数中略高。每当在函数中包含的整个代码都无法维护时,就进行转储,因为这显然会导致整个代码重复。 内联 通过让您将函数声明为 内联(

  • 问题内容: 我一直在试图理解真正的含义: 内联函数 在C ++中,是在类声明中定义的成员函数。(2)编译器用该函数的实际代码替换的函数调用。关键字inline可用于提示编译器对成员或非成员函数的主体执行内联扩展。 排队 在编译过程中用函数代码的副本替换函数调用。 例如,它写成类似: 当方法为最终方法时,可以内联。 此处:http : //www.roseindia.net/javatutorial

  • 是否可以在CSS中使用内联SVG定义? 我的意思是:

  • 问题内容: 是否有可能使用内联样式的伪类? 例: 我知道上述HTML不能正常运行,但是有类似的东西吗? 附言:我知道我应该使用外部样式表,并且可以。我只是好奇是否可以使用内联样式来完成。 问题答案: 不,这是不可能的。在使用CSS的文档中,内联属性只能包含属性声明。样式表中每个规则集中出现的同一组语句。根据样式属性规范: style属性的值必须匹配CSS 声明块(不包括定括号)的内容的语法,其声明

  • 问题内容: 阅读CSS2规范的height 属性时遇到以下问题: 适用于:除不可替换的嵌入式元素,表列和列组以外的所有元素 我了解替换后的element()或内联element(,)是什么,但是很难找到未替换的内联元素的示例。 问题答案: 表达式“不可替换的内联元素”没有自己的定义:它仅指代既是不可替换的元素又是内联元素的任何元素。如。HTML中的大多数元素都是不可替换的。不可替换元素只是一个不是