css引入方式

行内样式

<p style='color: red; font-size: 20px;'>这是一段红色的文字。</p>

这种方式的优点是简单快捷，但缺点是它使得HTML代码与样式混合，不够纯净，且不利于样式的复用和维护。

内嵌样式

<style>
  * {
    margin: 0;
    padding: 0;
  }
</style>

这种方式适用于定义特定于某一页面的样式。

外部样式

<link rel="stylesheet" href="xx.css">

这是最常用的方法，它通过标签将外部的CSS文件链接到HTML文档中。这种方法的优势在于可以在多个页面间共享同一个样式文件，有助于保持代码的整洁和一致性。

导入样式

<style>
	@import "xx.css";
</style>

使用@import语句在CSS文件中导入另一个CSS文件。尽管这种方法可以分离样式表，但它通常不被推荐使用，因为其加载时序可能会影响页面渲染效率。（异步加载，在整个 html 加载之后才加载 css，会导致页面闪烁。）