内联 CSS

15 Mar 2025 | 1 分钟阅读

我们可以通过内联 CSS 技术在单个元素中应用 CSS。

内联 CSS 也是一种在 HTML 文档中插入样式表的方法。这种方法会减弱样式表的一些优势,因此建议谨慎使用此方法。

如果您想使用内联 CSS,应该在相关标签上使用 style 属性。

语法

示例

执行代码

输出

 

内联 CSS 应用于此标题。

此段落不受影响。

内联 CSS 的缺点

  • 您不能在内联 CSS 中使用引号。如果您使用引号,浏览器会将其解释为您的样式值的结束。
  • 这些样式不能在其他任何地方重用。
  • 由于样式不存储在单一位置,因此编辑这些样式很困难。
  • 无法使用内联 CSS 为伪类和伪元素设置样式。
  • 内联 CSS 不提供浏览器缓存优势。

下一个主题内部 CSS