在使用CSS引入本地文件时,我们可以使用相对路径或绝对路径来引入CSS文件。
相对路径的引用方式是相对于当前HTML文件的位置来确定CSS文件的位置。例如,如果当前HTML文件和CSS文件在同一目录下,可以使用以下代码引入CSS文件:
<link rel="stylesheet" type="text/css" href="/post/style.css">
如果CSS文件与HTML文件不在同一目录下,可以使用“../”语法来表示到达上一级目录。例如,如果CSS文件在HTML文件的上一级目录,可以使用以下代码引入CSS文件:
<link rel="stylesheet" type="text/css" href="/style.css">
绝对路径的引用方式是通过完整的URL路径来确定CSS文件的位置。例如,如果CSS文件在本地C盘的一个文件夹中,可以使用以下代码引入CSS文件:
<link rel="stylesheet" type="text/css" href="file:///C:/style.css">
需要注意的是,在Web服务器上运行时,绝对路径文件引用可能会出现跨域问题。