1、很多兼容性问题，是因为不同标签在不同浏览器下有着不同的 padding margin默认值。所以可以事先定义 或者 2、关于布局，可以看dreamweaver cs3里的模板怎么写的，它的写法是最好的写法。大的布局，可以直接使用 dreamweaver cs3 里默认的那些模板。 然后去掉注释，就能用了。 3、适当的使用margin/padding，在调整box（盒子）中，元素位置的时候，使用box（盒子）的padding比较好。而不要使用，box内元素的margin。 原因是，box内元素使用margin的时候，会对box的margin产生影响，产生错位。 但在使用padding的时候注意一点： 比如本来 width:px 的box,如果设置了padding-left:px的话，那就要把width减去px。 4、一个box，设置了border后，要把width减去border的粗。 比如width:px 的box，左右有1px的边，那应该设置box width为px。 5、在添加box的时候，能不给width和height的，尽量不给。 height可以靠内部的元素去撑开。 width不设置的话，一般默认就是%宽。 6、同时给一个box设置背景图片和背景颜色的方法是，先设置背景图片，再设置背景颜色，代码如下： 7、当float:left之类的东西写的太多，影响到周围，或者下面的元素的时候，尝试使用clear:both去清除。 8、在进行如下设置的时候<div style="height:3px"></div>，会产生兼容性问题。 ie6会出问题，你会发现，box不是3px高。 需要如下设置： font-size:1px; 才不会有问题。参考 dw cs3模板中 clearfloat中的写法，还会加上line-height:0px。不过我发现不加也是可以的。但加会更正规。 9、在给单行文字设置height的时候，要同时设置line-height。不然会有兼容性问题，文字会有小的错位。 、使用ul li列表的时候，一定要给ul设置 list-style-type: none; 不然会产生兼容性问题。 ff下会出现原点，而ie下经常看不到。
推荐整理分享学习WEB标准总结的一些CSS/XHTML知识小结第1/3页(web标准有那几个方面)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:web标准的作用,web标准的好处,web标准的好处,web标准的三个方面,web标准有什么好处,web标准的三个方面,web标准的三个方面,web标准的理解,内容如对您有帮助，希望把文章链接给更多的朋友！
CSS文件可维护、可读性提高指南第1/2页 所以，结构优良的代码能很大程度上优化它的可维护性。下面列出四则技巧提高CSS文件可维护性的方法，以此作为指南，以一种较好的CSS样式组织习惯
不要使用CSS Expression的原因分析 在CSSExpression中使用JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。CSSExpression在其它浏览器中不起作用，因此在跨浏览器的编码中单独针
css ie6 ie7 ff的CSS hack使用技巧 FF浏览器.test{height:px;background-color:orange;}IE7浏览器*+html.test{/*IE7*/height:px;background-color:blue;}IE6浏览器*html.test{/*IE6*/height:px;background-color:black;}通过上面
