CSS 内联使用

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

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

如果你想使用内联 CSS,你应该使用相关标签的 style 属性。

语法:

句法 (Syntax)

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

示例:

例子 (Example)

<h1 style="color:red;margin-left:40px;">内联 CSS 应用于此标题。</h1>
<p>本段不受影响。</p>

内联 CSS 的缺点

  • 不能在内联 CSS 中使用引号。如果您使用引号,浏览器会将其解释为样式值的结束。

  • 这些样式不能在其他任何地方重复使用。

  • 这些样式很难编辑,因为它们不是存储在一个地方。

  • 无法使用内联 CSS 设置伪代码和伪类的样式。

  • 内联 CSS 不提供浏览器缓存优势。


上一主题 CSS 如何添加 下一主题 CSS 内部引入
  • 使用社交账号登录,本站支持
全部评论(0)