纯CSS制作三级菜单,可扩展无限
注明：如果要想要在IE6无限级的话需要写多一些JS，其他游览器都可以使用同段js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript下拉菜单</title>
<style type="text/css">
body,ul,li{margin:0; padding:0; font-size:12px; list-style:none;}
#navigation {
margin:20px; height:auto;
}
#navigation li {
position:relative;width:130px; height:40px;border-bottom:1px solid #999999;
}
#navigation li a:link, #navigation li a:visited {
display:block;
text-decoration:none;
color:#000;
width:120px;
height:40px;
line-height:40px;
background:#c5dbf2;
padding-left:10px;
}
#navigation li a:hover {
&n
相关文档：
首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
margin:0;
border:0;
}
其次，练习时用这个例子：
html内容：
<body >
&nbs ......
在table 中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了� ......
适用于只有一行文字的情况.
.ellipsis{
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
width:200px; height:50px;
overflow:hidden;
white-space:nowrap;
}
text-overflow是CSS3的属性，IE6以上版本、Safari、chrome 支持。它可以带2个参数：
clip [不显示省略标记（...），而是 ......
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
设置padding 他所占据的空白地方是在边框里面
而且在IE6 一下的版本中 存在这padding 计算错误的BUG
CSS 的宽度属性本来是不包含padding的 但是 在ie下面有的时候宽度是包含padding 所以 建议在不熟悉CSS 在定位 ......
A
absolute 绝对的 ......
