在我们写css代码之前，我们直接在html文件的标签里面的标签里面写css代码。以这种方式在html中引入css，称为嵌入式方法。
当我们只有一个或者几个html文件的时候，用嵌入式的方法引入css是没有问题的，但是当我们的网站很大，网页很多的时候，如果用嵌入式的方法将css引入到每一个html文件中，不仅编写起来很麻烦，而且以后维护起来也很麻烦。
举个例子，如果我们要把整个网站的每个网页的H标签设置为一个样式，每个网页的P标签设置为一个样式，每个网页的A标签设置为一个统一的样式，那么如果只能使用嵌入式样式，就要反复修改每个html文件的标签中的css。
有什么方法可以避免这种重复性的机械工作？
肯定有！
这是我们引入下一个链接类型的另一种方式。
●链接型
所谓链接法，其实就是通过一个标签把html文件之外的css文件像“超链接”一样引入这个css文件的方法。
通过链接引入css的方法主要由两个步骤组成:
1创建一个单独的css文件
Css代码可以保存在单个文件中，就像创建html文件一样。我们可以创建一个以。txt后缀，然后将css代码保存在这个文档中。保存后，重命名这个txt文档，并将其后缀改为。css，从而创建一个单独的css文件。
这个css文件是html文件的外部文件。
例如，我现在在我的计算机桌面上创建一个txt文本文档，然后我们将我的第一个html.html文件的标签中的css代码复制到这个文本文档中，保存并关闭它，并将这个文本文档重命名为first.css
操作如下所示:
上图是创建独立外部css文件的一种方式，另一种方式是用vscode创建。
在vscode中，点击菜单栏中的File，然后在下拉菜单中点击New-File，在vscode中会打开一个新的文件窗口。我们将my first html.html中的css代码复制粘贴到这个新窗口中，然后按ctrl+s保存，会弹出一个另存为窗口，就是新建和保存新文件的窗口。然后我们在这个窗口的“文件名”一栏中写下我们想要创建的css文件的名称。这里我们写second.css
操作如下所示:
这样，我们在桌面上创建了两个独立的css文件，first.css和second.css，这两个文件中的代码是相同的。
2引入带有标签的外部css文件
在创建了一个独立于html文件的外部css文件后，我们只需要将其引入html文件中，这个外部css文件中的代码就可以工作了。
如何引入外部css文件？
这里我们需要知道一个标签——标签。
Html，有一个标签。标签是这样写的:
描述:
Href是超文本参考的缩写。Reference表示源，因此href表示指定超链接目标的URL。
href属性的值是有效文件的绝对或相对URL。
所以href属性表示当前页面引入的css文件的路径或源。
type的属性值是固定的“text/css”，因为我们引入的是css文件，css代码本身是文本格式的。
Rel是relationship的缩写，rel的属性值是固定的“样式表”。style表示样式，sheet表示表格，stylesheet表示样式表。
而css，英文全称是Cascading Style Sheets，意思是层叠样式表。
因此，属性rel表示当前页面与href引入的文件之间的关系，即href引入的文件是一个样式表。
不记得上面的描述了，我们只是想了解标签里的这些属性是干什么用的，大概也能理解。
我们只需要知道，在标签的href属性中，我们要写出要导入的css文件的路径，这样才能将外部的css文件导入到当前的html页面中。
标签里写着标签。
所以刚才在桌面上创建的first.css和second.css文件，无论我们现在引入哪个，效果都是一样的。在介绍之前，我们删除了my first html.html中的css代码，然后再介绍。
我们引入first.css，即赋予标签的href属性的值是first.css。
操作如下所示:
我们可以看到，在浏览器中打开my first html.html和之前嵌入的网页效果是一样的。
通过链接的方法，不需要在html文件中编写css代码，只需要引入外部的css文件，就可以达到和嵌入方法一样的效果。
注意:这里href的值直接写在first.css中是因为文件my first html.html也在桌面上，也就是说两个文件my first html.html和first.css在同一个目录下。这是一个相对路径，相当于两个人在一个房间里。当然可以直接看到对方，所以可以直接写。
在实际的前端开发中，我们可以在vscode中创建html文件、css文件和js文件，然后直接在相应的窗口中编写相应格式的代码，非常方便。我直接在桌面上创建了一个txt文件，改名为css文件，只是为了让大家更容易理解什么是外部文件。无论哪种方式，你都可以自己尝试。
正如我们之前简单提到的，有四种方法可以将css代码引入html文件。到目前为止，我们已经介绍了嵌入式和链接式方法。剩下的两种方式是内嵌样式和导入样式。
●嵌入式风格
内嵌风格就是在html标签上写css代码，比如:
内嵌元素，控制段落-1
的所有html标记都具有style属性。在标签中，直接写。这个方法是内联式的。这种方法用的不多，也不提倡。具体原因我就不重复了，不然这种鸡毛蒜皮的事没完没了。我们的方向不是前端工程师。●进口类型
导入风格是在html文件的标签中写入@import css路径。
有六种写法:
@导入Dao ru . CSS；@ import ' daomxss@导入“Dao ru . CSS”；@导入url@导入url@导入url
例如，我们这样写:
上图是导入的写法，其实和链接写法很像。它还导入外部css文件。
●总结:
其实在开发中，最常用的是链接式，导入式和嵌入式也经常使用，内联式不提倡，所以很少使用。
链接型和导入型，由于css代码和html代码分别写在单独的文件中，可以完全将css代码和html代码分开，实现结构和样式的分离，使HTML代码专门构造页面结构，而美化工作则由CSS完成。
这样就可以将同一个css文件引入到不同的html文件中，这样一套css代码就可以控制多个html页面，网站的所有页面样式都可以统一。另外，所有的css代码都可以放到一个css文件中，相当于修改了这个CSS文件。所有用这个CSS文件引入的html页面都会更新，不需要一次修改一个页面，从而减少代码量，方便项目管理，减少维护时间和成本。
