html 中引用 css 的方法共有三种:直接内联引用、外部引用和嵌入式引用。内联引用适用于小段的样式,外部引用适用于全局样式,嵌入式引用适用于定制单个元素样式,且具有最高的优先级。
HTML中如何引用CSS
直接内联引用:
- 将 CSS 代码直接写在
标签中,放置在
元素内。
示例:
<code class="html">
<style>
body {
background-color: #f0f0f0;
}
</style>
外部引用:
- 创建一个单独的 CSS 文件,其中包含样式。
- 在
元素中使用
标签引用该文件。
示例:
<code class="html">
<link href="style.css" rel="stylesheet">
嵌入式引用:
- 将 CSS 代码放在元素的
style
属性中。
示例:
<code class="html"><p style="color: red;">你好,世界!</p>
具体用途:
- 内联引用:适用于小段的样式或特定的元素样式。
- 外部引用:适用于全局样式或复杂的样式表。
- 嵌入式引用:适用于需要定制单个元素样式的情况。
优先级:
嵌入式引用具有最高的优先级,其次是内联引用,最后是外部引用。