内联

设计网页样式时，应用 CSS 属性有两种主要方法： 内联样式标签和内联 CSS 属性。内联样式标签在 HTML 代码中定义，而内联 CSS 属性则使用“style”属性应用于特定元素。虽然这两种方法都可以实现相似的结果，但有明显的优点和缺点需要考虑。

外部样式表、页内样式标签和内联样式

可以使用三种主要方法附加样式规则:

• 外部文件: CSS 规则在从 HTML 链接到的单独文件中定义document.
• 页内样式标签： CSS 规则在 HTML 文档的
• 内联样式属性： CSS 规则使用“style”属性直接应用于 HTML 元素。

内联样式标签与内联 CSS属性

为了讨论的目的，让我们比较内联样式标签和内联 CSS 属性。如前所述，内联样式标签是在 HTML 代码本身中定义的，而内联 CSS 属性是使用“style”属性应用的。

通常，内联样式标签优于内联 CSS 属性，因为它们：

• 将标记与样式明确分开。
• 生成更清晰的 HTML 标记。
• 效率更高带有选择器，允许将规则应用到页面上的多个元素。

另一方面，内联元素仅影响它们所应用到的相应元素。

特异性和覆盖规则

内联样式标签和内联 CSS 属性之间的一个重要区别是特异性。特异性决定了一种风格何时会覆盖另一种风格。内联样式通常比内联样式标签中定义的样式具有更高的特异性。为了更好地理解这个概念，请参阅内容丰富的文章“CSS：特异性战争”。