CSS制作网站导航菜单优势
查看原文：http://www.csswang.com/css/110.html
导航结构在网站设计中是起到决定性作用的，导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受，它是网页设计的关键元素。
虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键，但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航外观更吸引人，又不会夺走网站内容的焦点。
不幸的是，目前还有很多网站在使用过时的导航菜单方式，这样使网站可用性大打折扣。如果导航菜单过分的依赖图片那会失去一定的用户，比如那些网速慢或浏览器设置关闭读取网页图片功能。但是，并不意味着导航一定要朴素简单才能提高访问性及网站可用性。
现在网页教学网归纳一下CSS导航菜单的好处：
1.减少代码量
结合CSS和XHTML来制作导航菜单会比使用Javascript或图片来实现同样效果更加节省代码(CSS可以结合一些图片来制作导航而且代码量很小，而完全使用图片的导航代码量也要多很多)。代码量晓得网站会更有益于搜索引擎的索引排名，而且读取速度会快很多。
2.亲和力
基于CSS的导航菜单对用户来说不但更有可用性，而且更有亲和力。如果用户关闭读取图片和(或)CSS的功能，网站仍然可以以简洁的方式浏览，内容结构及网站可用性不会受到影响。有极少数用户使用的旧浏览器虽然不支持CSS，但网站导航菜单却仍然能够访问。
3.无限的设计方案
使用CSS来设计导航菜单并不会限制你的设计。事实上，CSS会提供更加灵活的导航设计方案，当用CSS来设置背景图时也能实现各种视觉效果。
4.大量的脚本资源
如果你不想自己从头开始设计基于CSS的导航菜单，那么有大量的免费脚本资源可以拿来使用。但暴风彬彬并不提倡使用这些脚本资源，因为这样的话你会和其它成百上千的网站使用同样的导航菜单。不过有一些菜单可以自定义样式(颜色、字体、尺寸及背景图)来符合你自己的网站风格。
相关文档：
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
在网页里使用table的时候，样式一般比较难管理，因为table的有些样式与其它控件不太一样
1、table的分外边框，tr边框，td边框，它们之间都是有间距的
2、你可以指定它们之间的间距为0，但当你设置边框时，会发现边框是2px宽的，因为在table里，tr、td等元素是相邻的
所以想做一个好看的table样式可以参考以下的步骤：
1 ......
样式选择符命名
选择符以类型分，同类放一起，类的定义顺序以HTML中实际的顺序为参考，以方便查找为主, 使用类似下面的规则:
[模块前缀 | 类型 | 作用]_[名称]_[状态 | 位置]
约定模块、类型、状态、位置等的所使用的单词或其缩写，保持上面的顺序，尽量保持在两到三个单词说清用途。
通用名词缩写
设置
set
......
Firefox hr
兼容问题，在ie中正常显示的hr属性设置，在Firefox里面不管怎么弄都是他妈的不出来，改了不少属性，调整了位置，同时搜索了不少文章，仍然不
行，最后看到一篇文章说ff中必须设置背景颜色才有效果的，真是xxx的，这种问题自己闭门造车的话整上个三天三夜都找不到解决办法啊！
把代码贴出来分享下：
hr {
......
