css样式路径,css图片路径怎么设置

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

关于CSS外部样式表的路径问题，存放在物理地址上的路径怎么写？

你好，假设你的css文件abc.css放在了D盘index文件目录下的css文件目录中。那么他的物理路径（绝对路径）应该是 .因为是通过浏览器打开的本机物理地址。所以用到前缀file

相关问答

Q1: 为什么css列表样式前面的符号换别的图片路径怎么添加

css写绝对路径的方法：首先查看本地项目目录；然后引入图片，并输入绝对路径如“background：url(E：/py_web/python/module/static/img/bg.png)；”即可。

Q2: css外部样式表的路径要在哪个地方获取啊，还有麻烦大神解释一下相对路径跟绝对路径

我随便找了个树目录结构的图，以此图给你讲一下

此文件结构根目录为“文件树目录”，然后依次往下分类，其中有2个页面page1.html、page2.html分别在不同的地方，先以page1.html为例，分别讲一下相对和绝对路径的写法

比如我现在想让page1.html加载More directory目录下的jquery.min.js文件：

1、相对路径写法：/文件树目录/More directory/css/js/jquery.min.js

解释：相对路径，是根据文件根目录一级一级的找到你所需要的文件

2、绝对路径写法：../style.css/More directory/css/js/jquery.min.js

解释：绝对路径，是根据当前文件位置，找到所需要的文件，其中“../”是返回文件上一级。

补充：我们可以看到page1.html此时是在Primary directory里，我们想找的jquery.min.js在More directory/css/js/里，而Primary directory和More directory是“文件树目录”的子目录，属于兄弟关系，所以page1.html想找到jquery.min.js，就要先返回上一级，然后找到兄弟节点，然后一级一级往下找。

注：../是返回上级，../../是返回上上级，以此类推！

Q3: css 样式中如何修改路径？

引用是用link标签进入的CSS文件。所以可以直接修改link的href就可以修改CSS的链接路径了。下面是个小例子：

link href="../base.css" type="text/css" rel="stylesheet" id="link1" /

title无标题文档/title

/head

body

div style="width:100px; height:100px; border:1px solid #ccc;"/div

/body

script

var oLink = document.getElementById('link1');

oLink.href = '../../aaa.css'; //这样就把link的链接修改为'../../aaa.css'了。