css 样式中如何修改路径？

html-css08

css 样式中如何修改路径？,第1张

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

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

<title>无标题文档</title>

</head>

<body>

<div style="width:100pxheight:100pxborder:1px solid #ccc"></div>

</body>

<script>

var oLink = document.getElementById('link1')

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

</script>

</html>

1、如果你的网站放在虚拟主机上就别想什么绝对路径了。

2、网站放在你的电脑上或者vps/服务器上，可以考虑一下绝对路径，我觉得绝对路径移植性不好，建议用相对路径。

绝对路径的写法：

就是将盘符、前面所有的文件夹路径都写出来，出一点差错都会调用不了css样式文件！

例如：你的css样式文件(style.css)放在D盘WWW目录下，那么绝对路径就应该是(D:\WWW\style.css)

希望我的回答能够帮助你！

在CSS文件里，有时要用到background，即加一个背景图片，一般在做按钮样式时会经常用到。

css中加背景图片根据图片及css文件的相对位置分一下几种类型：

1.同包下：background : url(aaa.gif)

2.不同包：

在这种情况下有2中方法可以设置，一种是使用绝对路径，即http://www.域名.com/aaa.gif这种，不过一般不推荐这么用，不利于项目移植；一种是使用相对路径，首先需要找到图片文件和css文件共同的一个根目录，然后再加上图片的子目录，比如：

css文件位置：WebRoot/test/css/a.css

图片文件位置：WebRoot/platform/resource/images/icons/a.gif

想要找到共同的根目录就需要用到 "../" 这个路径的意思是上一级目录，如果是两层上级目录，就是 "../../" 那么，按照这种写法的话，a.css中得背景图片css应该这么写：

background:url(../../platform/resource/images/icons/a.gif)

详解：

首先，我们观察这两个文件的位置，可以发现，共同的根目录是WebRoot，

我们首先在a.css的位置找到WebRoot，所以有了"../../" 然后拼接图片的子目录的路径 又有了"platform/resource/images/icons/a.gif" 合在一起后就是上面的结果了。