关于css里边的路径

html-css013

关于css里边的路径,第1张

../ 表示当前目录跳出一层,以第一个@import url("../../../Local Settings/Temporary ...")

表示跳出三层当前目录,然后找Local Settings目录

引用是用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>

至于CSS目录有些人喜欢建在网站根目录下,也有些人喜欢建在images目录下,看你个人网站目录结构了,怎么建都无所谓。

如果想把CSS文件导入到Jsp文件中,只要在<head></head>标签中写入如下语句即可:

<head>

<link type="text/css" rel="stylesheet" href="css/index.css" />

</head>

其中“href”属性就是指向你的CSS文件路径,

这样就把这个CSS样式应用到你的程序中了