📜  CSS inline内联

📅  最后修改于: 2020-11-04 02:43:24             🧑  作者: Mango

内联CSS

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

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

如果要使用内联CSS,则应将style属性用于相关标签。

句法:

   

例:

Inline CSS is applied on this heading.

This paragraph is not affected.

输出:

Inline CSS is applied on this heading.

This paragraph is not affected.

内联CSS的缺点

  • 您不能在内联CSS中使用引号。如果使用引号,浏览器会将其解释为样式值的结尾。
  • 这些样式不能在其他任何地方重复使用。
  • 这些样式很难编辑,因为它们没有存储在单个位置。
  • 无法使用内联CSS设置伪代码和伪类的样式。
  • 内联CSS不提供浏览器缓存优势。