【绝对路径】
绝对路径,指完整地描述文件的位置的路径。
【相对路径(推荐)】
相对路径,就是指相对于当前文件的位置。
../表示上一级目录
下面将以html引用css文件的方式重点表演一下相对路径的写法:
(一)当html文件和css文件在同一文件夹内时:
【示例①】
href中直接输入css文件名及后缀即可,如href=“xy.css”
(二)当html文件和css文件在不同文件夹内时:
【示例①】
当css文件位于html文件下一级时,直接输入下一级文件夹名+css文件名及后缀即可,如href=“下一级文件夹/xy.css”,同理,如果是css位于下一级文件夹下的b文件夹下,则输入href=“下一级文件夹/b/xy.css”
文件位置关系:
文件夹->xq.html+下一级文件夹->xy.css(下一级文件夹内)
【示例②】
当css文件位于html文件上一级时,href内相对路径写法如下所示:
文件位置关系:
文件夹->上一级文件夹+xy.css->xq.html(上一级文件夹内)