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

站长资源 2024/12/25 佚名

63 1538 63

DDR爱好者之家 Design By 杰米

一. 引入外部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路径内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

HTML,引入外部CSS,路径

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

暂无评论...