CSS 兼容要点：DOCTYPE 影响 CSS 处理 FireFox: div 设置 margin-left, margin-right 为 auto 已经居中了， IE 不行。 FireFox: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中。 FireFox: 设置 padding 后, div 会增加 height 和 width, 但是IE不会， 故需要用 !important 多设一个 height 和 width。 FireFox: 支持 !important, IE 则忽略, 可用 !important 为 FireFoxFF 特别设置风格。 div 垂直居中问题： vertical-align:middle; 增加行距和整个DIV一样高 line-height:200px; 然后插入文本，垂直居中。缺点是控制内容，不要改变职业。 cursor: pointer 可以同时在 IE FF 游标手指状显示在中间，hand 仅 IE 可以。 FireFox: 需要设置链接加边框和背景颜色 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底部显示错位， 若不设 height, 可以在 menubar 插入一个空间。 使用XHTML＋CSS框架有很多好处，但确实存在一些问题。无论是因为不熟练还是思路不清楚，我都会先在下面写一些我遇到的问题，让大家四处寻找。 1.在mozilla firefox与IE中BOX模型的解释不一致，导致2px解决方案的差异： div{margin:30px!important;margin:28px;} 注意这两个margin的顺序一定不能写反，据说！IE不能识别important的属性，但其他浏览器可以识别。所以在IE下其实解释如下: div{maring:30px;margin:28px} 重复定义按最后一个执行，不能只写margin:XXpx!important; 2.IE5和IE6的BOX解释不一致IE5下div{width:300px;margin:0 10px 0 10px;}div的宽度将被解释为300px-10px(右填)-10px(左填)最终div的宽度为280px，IE6和其他浏览器的宽度是300px 10px(右填充) 10px(左填充)=320px计算。此时，我们可以做以下修改： div{width:300px!important;width /**/:340px;margin:0 10px 0 10px} 关于这个/**/什么是wwww.qpsh.com不太懂，只知道IE5和firefox都支持，但IE6不支持。如果有人理解，请告诉我，谢谢！：） 3.默认情况下，ul标签在Mozila中有padding值，而在IE中只有margin值，因此首先定义： ul{margin:0;padding:0;} 大部分问题都可以解决。：） 3.默认情况下，ul标签在Mozila中有padding值，而在IE中只有margin值，因此首先定义： ul{margin:0;padding:0;} 大部分问题都可以解决。 4.关于脚本，language属性不支持在xhtml1.1中，只需将代码更改为：
猜你喜欢
