上一篇我们说到引入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://连接一个网址也行。