html载入html外部资源,怎么引入一个外部css文件？

在学习前端的时候，我们应该知道css给html标记添加各种样式，用来告诉浏览器，因该如何显示这些标记里面的内容。既然css是用来给html添加各种样式的，那么，html中怎么引入一个外部css文件？

HTML怎么引入一个外部css文件？

1、使用@import引用外部CSS文件

将一个独立的.css文件引入HTML文件中，导入式使用css规则引入外部css文件，

@import"mystyle.css";此处要注意.css文件的路径

2、使用link标签引用外部CSS文件

在网页的

标签对中使用标记来引入外部样式表文件，使用html规则引入外部css。

<1ink href="css文件的路径" type="text/css" re1="stylesheet" />

上述语法中， 标记需要放在

头部标记中，并且必须指定标记的个属性，具体介绍如下。href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。

type：定义所链接文档的类型，在这里需要指定为“text/css”，表示链接的外部文件为CS样式表。

rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。

外链式是使用频率最高是最实用的CSS样式表，因为它将HTML代码与CSS代码分离为两个或多个文件，实现了将结构和样式完全分离，使得网页的前期制作和后期维护都十分方便。

更多web前端开发知识，请查阅 HTML中文网 ！！