1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html中怎样导入css文件路径 前端——css文件引入的路径问题

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

时间:2022-02-14 14:03:35

相关推荐

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://连接一个网址也行。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。