CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和火狐浏览器存在很大的解析差异，这里介绍一下兼容要点。
大家都知道规范的css命名可以增强样式规则的可读性，便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名，现在看来是很不专业的，也给我的后期维护浪费精力。 根据自己的而写法习惯和网上的一些写法，我总结了一套适用自己的id命名写法.拿出来晒一晒。
<style type="text/css">
<!--
.box1,.box2 {height:20px; line-height:20px; border:1px solid #A9BAC9;background:url(images/bg_box1.gif) no-repeat #fff; padding:0 3px; font-size:12px; }
...
<div style=" height:290px; width:auto; overflow-x:hidden; overflow: auto;padding-right:5px;" class="body">添加的内容，一旦内容超出定义的范围，滚动条显示。</div>
<style type="text/css">
.body{ scrollbar-arrow-color: #aa0000; /*三角箭头的颜色*/
...
<script language="jscript">
function show()
{
//alert("aaa");
map1.style.display="block";
map1.style.visibility='visible';
map1.style.position='absolute';
...
单行一列
body{margin:0px;padding:0px;text-align:center;}
#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}
两行一列
body{margin:0px;padding:0px;text-align:center;}
#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}
...
