内联CSS

本文概述

• 内联CSS应用于此标题。
• 内联CSS的缺点

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

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

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

句法：

<htmltag style="cssproperty1:value; cssproperty2:value;"> </htmltag>

例：

<h2 style="color:red;margin-left:40px;">Inline CSS is applied on this heading.</h2>
<p>This paragraph is not affected.</p>

输出：

内联CSS应用于此标题。

本段不受影响。

内联CSS的缺点

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