浅谈HTML⽂件引⼊外部CSS⽂件时路径的写法总结⼀. 引⼊外部css⽂件的基本样式
⽤< link>标签引⼊外部样式表，其中通常要写两个属性：
href属性表⽰css⽂件的路径
rel=“stylesheet” 描述了当前页⾯与href所指定⽂档的关系.即说明的是,href连接的⽂档是⼀个新式表
<link href="style.css" rel="stylesheet" />
⼆ . 路径的基本规则
/ 代表根⽬录，慎⽤
…/ 代表上⼀级⽬录
…/…/ 代表上两级⽬录
/… 代表下级⽬录
/…/… 代表下两级⽬录
三 . 常见情况路径写法⽰例
1. index.html和style.css⽂件在同⼀⽂件夹
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⽂件夹⾥。
此时写路径的思路是：到index.html⽂件和style.css⽂件的共同⽗⽂件夹，从图中看，是a⽂件夹。
⾸先，从index.html⽂件出发，即此时在b2⽂件夹，先到a⽂件夹（b2⽂件夹的上⼀级⽬录）即：…/
然后再从a⽂件夹中到style.css⽂件，即：b/c/style.css
组合在⼀起是：href="…/b/c/style.css"
<link href="../b/c/style.css" rel="stylesheet" />
到此这篇关于浅谈HTML⽂件引⼊外部CSS⽂件时路径的写法总结的⽂章就介绍到这了，更多相关HTML引⼊外部CSS路径内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！