有序列表ol的兼容和使用
列表的细节问题不再赘述，例如ul，li等这种我们在css中可谓是司空见惯，下面简述一下关于不常用的有序列表ol，li的用法，如果你需要罗列一二三四条规则或者要求的话，ol，li有序列表是你的最佳选择，不仅使得代码规范，而且在具有序号自加功能，何乐而不为呢。
ul,li{margin:0; padding:0}
这样ie和ff完全兼容了，当然不考虑其他因素，例如如果字体不定义的话，两者显示会有差别的。
body{ margin:0;padding:0;font-family:Verdana, Geneva, sans-serif;font-size:11px; }
则可以保证二者效果完全一致了。
最佳兼容效果CSS代码
*{ margin:0;padding:0;font-family:Verdana;font-size:11px;}
ol li{list-style-type:decimal;list-style-position:inside}
实现效果图如右侧所示，有序列表还有如圆圈，罗马数字等等。上述CSS代码可以达到最佳的浏览器兼容效果，IE6目前处于使用用户最多，而微软又最想淘汰它的境界，所以兼容不得不考虑。
通配符*的使用可以让你没有必要再去考虑那些默认的自带边距等。
备注：IE对于 list-style-type的部分属性的支持是不完整的，如cjk-ideographic, lower-greek等不支持。所以在为兼容头疼的时候可以考虑换一种实现方式，例如图片替换等等。
ul, li, a实现自适应宽度导航效果
ul li{
float:left;//导航水平排列
height:30px;//导航高度
margin:0 5px;//子导航之间的间距
overflow:hidden;//为了兼容而进行设置，a不定义高度，但是a中需要背景图片，所以a是块状结构显示，通过padding设置达到此效果。
}
ul li a{
line-height:30px;//导航文字垂直居中
color:#000;
font-size:12px;
background:#CCC;
padding:8px 0}//padding设置达到子导航的高度为30px，多余部分overflow属性隐藏掉，padding的大小是通过比较浏览器兼容调节出来即可。
ul li a:hover{
background:#FFF}//鼠标滑动过后的效果显示。
网站暂时流量不大，广告先放下面把，别影响用户体验