html页面引用HTML 中引入 CSS 的方法

内联办法指的是直接在 HTML 标签中的 style 属性中添加 CSS。

示例：

html页面引用HTML 中引入 CSS 的方法 SQL

这常日是个很糟糕的书写办法，它只能改变当前标签的样式，如果想要多个 <div> 拥有相同的样式，你不得不重复地为每个 <div> 添加相同的样式，如果想要修正一种样式，又不得不修正所有的 style 中的代码。
很显然，内联办法引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以掩护。

嵌入办法

嵌入办法指的是在 HTML 头部中的 <style> 标签下书写 CSS 代码。

示例：

<head> <style> .content { background: red; } </style></head>

嵌入办法的 CSS 只对当前的网页有效。
由于 CSS 代码是在 HTML 文件中，以是会使得代码比较集中，当我们写模板网页时这常日比较有利。
由于查看模板代码的人可以一览无余地查看 HTML 构造和 CSS 样式。
由于嵌入的 CSS 只对当前页面有效，以是当多个页面须要引入相同的 CSS 代码时，这样写会导致代码冗余，也不利于掩护。

链接办法

链接办法指的是利用 HTML 头部的 <head> 标签引入外部的 CSS 文件。

示例：

这是最常见的也是最推举的引入 CSS 的办法。
利用这种办法，所有的 CSS 代码只存在于单独的 CSS 文件中，以是具有良好的可掩护性。
并且所有的 CSS 代码只存在于 CSS 文件中，CSS 文件会在第一次加载时引入，往后切换页面时只需加载 HTML 文件即可。

导入办法

导入办法指的是利用 CSS 规则引入外部 CSS 文件。

示例：

比较链接办法和导入办法

链接办法（下面用 link 代替）和导入办法（下面用 @import 代替）都是引入外部的 CSS 文件的办法，下面我们来比较这两种办法，并且解释为什么不推举利用 @import。

link 属于 HTML，通过 <link> 标签中的 href 属性来引入外部文件，而 @import 属于 CSS，以是导入语句应写在 CSS 中，要把稳的是导入语句应写在样式表的开头，否则无法精确导入外部文件；@import 是 CSS2.1 才涌现的观点，以是如果浏览器版本较低，无法精确导入外部样式文件；当 HTML 文件被加载时，link 引用的文件会同时被加载，而 @import 引用的文件则会等页面全部下载完毕再被加载；

小结：我们应只管即便利用 <link> 标签导入外部 CSS 文件，避免或者少用利用其他三种办法。