CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和火狐浏览器存在很大的解析差异,这里介绍一下兼容要点。
大家都知道规范的css命名可以增强样式规则的可读性,便于后来你或别人对页面的修改。起初我写css规则的时候,用汉语的缩写来命名,现在看来是很不专业的,也给我的后期维护浪费精力。 根据自己的而写法习惯和网上的一些写法,我总结了一套适用自己的id命名写法.拿出来晒一晒。
<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; /*三角箭头的颜色*/
...
<style>
#slist{padding:1px 5px;cursor:pointer}
#slistNum{float:right;color:green}
#menu{width:150px;background:#EFEFEF;border:1px #cccccc solid}
</style>
<div id=menu>
<div id=slist onMouseMove='listMove(0)' onclick="enterlist()">测试123</div>
...
<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;}
...