1、怪异模式和DTD 标准模式：浏览器根据规范表现页面 怪异模式：模拟老浏览器行为防止老站点无法工作（为了兼容老式浏览器的代码），如果漏写DTD（Document Type Definition文档定义类型）声明，firefox会按照标准模式来解析网页，但在IE中就会触发怪异模式。 两种模式的差异比较大，比较典型的是IE对盒模型的解析；在标准模式中，网页元素的宽度是由padding、border、width三者的宽度相加决定的，而在怪异模式中，width本身就包括了padding和border

使用css来设置背景图片同传统的做法一样简单，但相对于传统控制方式，css提供了更多的可控选项，我们先来看看最基本的设置图片的方法。xhtml代码： 复制代码代码如下: css代码： 复制代码代码如下: #content { border:1px solid #000fff; height:500px; background-image:url(images/bg.GIF); } 网页中id为content的元素被我们设置了使用images文件夹下的bg.GIF作为背景，与传统表格式布局

而使用DIV+CSS的布局方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。 下面为大家介绍几点注意事项，希望能有所帮助： 1、不要使用过小的图片做背景平铺。 这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。 2、无边框。 推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零，但边框样式、

1，ul：默认的ul的margin和padding不是0，如果在导航中用到了左浮动的li，往往会把外部的div撑大，导致页面变形，改成： ul{margin:0px; padding:0px;} 2、img：1、这里牵涉的不同浏览器的问题，ie6里显示的图片height总是要大于准确值，这里就需要我们记住下面这一点 img{ display：block}；2、页面中最好不要用大块背景，能平铺的要平铺，否则加载起来会很慢，也不利于以后的优化和扩展，当然也有些大的网站，现在都尽量把背景统一放到一张图