CSS下拉菜单
这是一个标准的CSS下拉菜单制作教程，有针对目前流行的IE6/IE7/IE8不同版本的CSS代码，因此可以在IE之间完全兼容，不过其它的浏览器像火狐/GG浏览器之类的没有测试，如果兼容IE8的话，那么兼容火狐应该问题不大吧。菜单使用蓝色基调，滑向二级菜单更换背景，操作的感觉很舒服。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>纯css下拉菜单</title>
<!--[if IE 7]><!-->
<mce:style><!--
body {
font-family:verdana, sans-serif;
font-size:small;
}
#navigation , #navigation li ul{
padding:0;
margin:0;
list-style-type: none;
}
#navigation li {
float:left;
text-align:center;
position:relative;
}
#navigation li h3 {
margin:0;
}
#navigation li a:link, #navigation li a:visited {
display:block;
text-decoration:none;
color:#000;
width:120px;
height:40px;
line-height:40px;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c5dbf2;
padding-left:10px;
}
#navigation li ul {
display: none;
}
table {
margin:-1px;
border-collapse:collapse;
}
/* 以下只支持非IE6浏览器 */
#navigation li:hover a {
color:#fff;
background:#2687eb;
}
#navigation li:hover ul {
display:block;
position:absolute;
top:40px;
margin-top:1px;
left:0;
width:120px;
}
#navigation li:hover ul li a {
display:block;
background:#c5dbf2;
color:#000;
height:20px;
line-height:20px;
padding:5px 10px;
width:110px;
}
#navigation li:hover ul li a:hover {
color:#fff;
background:#6b839c;
}
</styel>
<!--<![endif]-->
<!--[if lte IE 6]>
<style>
BODY {
FONT-SIZE: small; FONT-FAMILY: verdana, sans-serif
}
#navigation {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
相关文档：
Firefox hr
兼容问题，在ie中正常显示的hr属性设置，在Firefox里面不管怎么弄都是他妈的不出来，改了不少属性，调整了位置，同时搜索了不少文章，仍然不
行，最后看到一篇文章说ff中必须设置背景颜色才有效果的，真是xxx的，这种问题自己闭门造车的话整上个三天三夜都找不到解决办法啊！
把代码贴出来分享下：
hr {
......
一个只用CSS就可以设置网页中居中层的方法。
今天重新尝试的时候居然不好用了。
还好以前的页还有，还能打开。
代码一摸一样就是不好用。
于是乎一段段的删除，希望能找到点线索。
css删得只剩下这段设置代码，不好用。
javascript中难道做手脚了，接着删，还是不好用。
最后删没了终于 ......
CSS 命名规范
XHTML-CSS写作建议
所有的xhtml代码小写
属性的值一定要用双引号("")括起来，且一定要有值
每个标签都要有开始和结束，且要有正确的层次
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
<h1> ......
网页设计中CSS布局是很重要的部分，下面介绍几种检查调试CSS布局的有效方法。
1.检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2.检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的}等。可以利用 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......
