css如何嵌入到html中

3、外部样式表

外部样式表是将CSS代码放在一个单独的文件中，然后在HTML文档中使用标签将其链接到HTML文档中，这种方法可以使CSS与HTML结构和内容分离，便于维护和重用，浏览器可以缓存外部样式表，从而提高页面加载速度。

创建一个名为styles.css的CSS文件：

p {
  color: red;
  fontsize: 20px;
}

在HTML文档中使用标签将其链接到HTML文档中：

  


  
这是一个红色的段落。

4、@import指令

@import指令是CSS的一个特殊语法，用于导入其他CSS文件，它的语法与标签相似，但@import指令必须在CSS规则之前使用，这种方法可以使CSS与HTML结构和内容分离，便于维护和重用，由于@import指令会影响页面加载速度，因此现代浏览器已经不建议使用它。

创建一个名为styles.css的CSS文件：

@import url("reset.css");
p {
  color: red;
  fontsize: 20px;
}

在HTML文档中使用

这是一个红色的段落。