CSS当中的相对路径和绝对路径

html-css012

CSS当中的相对路径和绝对路径,第1张

"." 代表当前所在目录, 相对路径 。如:<a href="./abc">文本</a>或<img src="./abc" />;

".." 代表上一层目录, 相对路径 。如:<a href="../abc">文本</a>或<img src="../abc"/>;

"../../" 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />;

"/" 代表根目录, 绝对路径 。 如:<a href="/abc">文本</a>或<img src="/abc"/>;

"D:/abc/" 代表根目录, 绝对路径 。

在使用相对路径时,我们用符号“.”来表示 当前目录 ;用符号“..”来表示 当前目录 的父目录。

设置背景图片为当前目录下的demo.png的css代码是background-attachment。在HTML当中,要为某个对象加上背景色只有一种办法,先做一个表格,在表格中设置完背景色,再把对象放进单元格,比较麻烦,现在用CSS就可以轻松地直接搞定,而且对象的范围很广,可以是一段文字,也可以只是一个单词或一个字母。

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

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

<head>

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

</head>

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

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