html引入外部css_想搞定HTML，那就先搞定CSS吧

这是《HTML&CSS：构建网站不能不说的那些事儿》专栏的第五篇，首发在前端课湛 – 分享优质的免费前端技术文章、译文和教程。

书接上文，上回书咱们了解了一下 HTML 这妹子的好闺蜜 CSS，知道了 CSS 是谁，为啥她能和 HTML 成为这么好的闺蜜，以及她的成长背景。

接下来，咱们要继续深入 CSS，为啥？因为你看到过不化妆就出门的妹子吗？！还是的，现在的 HTML 和 CSS 基本上是形影不离的。咱们想要把 HTML 搞到手，就得先从 CSS 下手。

怎么使用 CSS

在上文书中咱们了解到 CSS 主要是用来让 HTML 变得更漂亮的，所以 CSS 肯定是要用在 HTML 文档中的。那么，接下咱们就看看在 HTML 文档中要怎么使用 CSS。

内联样式

HTML 元素的属性中有一种叫做通用属性，其中有个叫做 style 的属性，通过这个属性咱们就可以为元素设置 CSS 样式。像这个样子：

内联样式

咱们可以看到，style 属性的值就是 CSS 样式内容了。

当然了，现在咱们不用太过在意 CSS 样式的内容是怎么样的，饭也是要一口一口吃的嘛！那咱们先回到内联样式本身，咱们可以发现这种方式设置 CSS 样式是比较简单、直接的，毕竟 HTML 所有的元素都可以设置 style 属性。

可是，这种所谓的内联样式呢，也有一些问题：

• 由于 style 属性是属于 HTML 元素的，所以就导致了 HTML 结构和 CSS 样式混合在一起了。虽说 CSS 是 HTML 形影不离的闺蜜，但是多少还是要保持一定距离的！总不至于将来娶个 HTML，再陪嫁个 CSS 吧，你说是吧！
• 这种通过 style 属性设置的 CSS 样式只能作用在一个元素，这就可能出现多个元素要编写相同的 CSS 样式了。这种重复完全是不必要的，也会让咱们和 HTML 之间变得枯燥无趣。

内嵌样式表

为了解决内联样式的这些问题，HTML 也想了一些方法，其中一种就是内嵌样式表。这种方式实际上是通过

元素中的

内联样式