html中怎样导入css文件路径,前端——css文件引入的路径问题

上一篇我们说到引入css文件的三种方式，而其中的外部样式，也就是外部引用样式需要用到link标签来写。关于link的属性我们在这详细说明。

一、引入标签及其样式

关于link的属性最主要的就是“href”和“rel”属性，我们在编辑器编写link标签的时候，它会默认帮我们填好rel属性的值，通常为：rel =“stylesheet”，这是什么意思呢？它描绘了当前页面与href所指定文档的关系，说的是href连接的文档是一个新的样式表。

后面的href属性表示css文件的路径。

二、路径的写法

首先，路径的就是要找到文件的所在位置，分为绝对路径和相对路径。我们一般写css的时候会把css文件放在css文件夹里，与此同时HTML文件放在HTML文件夹里，而css文件夹和html文件夹一般放在同一级目录里。如下：

如图css文件夹和html文件夹在名为“前端文件”的目录下。

路径的基本规则是：

“/”代表根目录“./代表返回上一级目录”“././代表返回上两级目录”“/.代表下级目录”“././代表下两级目录”

因此，在我们本次的示例中，想要把css文件夹的css文件引入到html文档里就需要这样写，如下图：

/找到上级目录(前端文件目录)，然后找到CSS文件夹里的css文件。

绝对路径则需要吧盘符加上，前面还需要些file：//+后面的盘符和路径或者http：//连接一个网址也行。