CSS中文名为层叠样式表,是一种用来表现标准通用标记语言的一个应用或标准通用标记语言的一个子集等文件样式的计算机语言。
CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页个元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
简单的话,可以这么做,用JSfunction opencat(cat){
if(document.getElementById(cat).style.display=="none"){
document.getElementById(cat).style.display=""
}
else {
document.getElementById(cat).style.display="none"
}
}
然后在要收缩菜单的按钮或链接上这么做 比如超连接
<a id="menu1" href="#" style="display:block" onclick="opencat('list1')">
下面紧跟着的是展开后的目录内容,可以是Table,也可以是DIV
<table id="list1">
<tr><td>111111</td></tr>
<tr><td>222222</td></tr>
<tr><td>33333</td></tr>
<tr><td>4444444</td></tr>
<tr><td>5555555</td></tr>
</table>
至于CSS目录有些人喜欢建在网站根目录下,也有些人喜欢建在images目录下,看你个人网站目录结构了,怎么建都无所谓。如果想把CSS文件导入到Jsp文件中,只要在<head></head>标签中写入如下语句即可:
<head>
<link type="text/css" rel="stylesheet" href="css/index.css" />
</head>
其中“href”属性就是指向你的CSS文件路径,
这样就把这个CSS样式应用到你的程序中了