HTML/Xhtml

关注公众号 jb51net

关闭
网页制作 > HTML/Xhtml >

浅谈HTML文件引入外部CSS文件时路径的写法总结

陌桑181023

一. 引入外部css文件的基本样式

用< link>标签引入外部样式表,其中通常要写两个属性:

<link href="style.css" rel="stylesheet" />

二 . 路径的基本规则

/ 代表根目录,慎用
…/ 代表上一级目录
…/…/ 代表上两级目录
/… 代表下级目录
/…/… 代表下两级目录

三 . 常见情况路径写法示例

1. index.html和style.css文件在同一文件夹

同一文件夹的情况

<link href="style.css" rel="stylesheet" />

2. css文件在与html文件同一文件夹的文件夹里

在这里插入图片描述

<link href="c/style.css" rel="stylesheet" />

3. html的父文件夹和css文件的父文件夹在同一文件夹

如图:a文件夹下有b文件夹和b2文件夹,style.css在b文件夹下的c文件夹里,index.html在b2文件夹里。

在这里插入图片描述

<link href="../b/c/style.css" rel="stylesheet" />

 到此这篇关于浅谈HTML文件引入外部CSS文件时路径的写法总结的文章就介绍到这了,更多相关HTML引入外部CSS路径内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!