本文概述
- 内联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不提供浏览器缓存优势。
