CSS＋DIV是网站标准中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。那么使用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
有时候我们在写很多代码的情况下难免会忘记结束标签，这样就会导致整个网站出现一些运行的问题以及下一步的操作，所以要注意检查标签的书写，也可以用dreamweaver的验证功能检查。
2. 利用排除法确定错误发生的位置
如果在运行的时候出现某些问题，可以利用排除法，逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。
3. 利用border属性确定出错元素的布局特性
有时候我们不知道这个div 是在哪里，或者使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。
4. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。
5. float元素的父元素不能指定clear属性
MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的著名的bug，倘若不知道就会走弯路。
6. float元素务必指定width属性
很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性，另外指定元素时尽量使用em而不是px做单位。
7. float元素的宽度之和要小于100%
如果float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。
8. 要注意clear属性的使用
clear默认是有高度还有字体大小的，所以必要时要先将clear的数值设置为0，还有在每一个div结束的后面最好加上clear：both的属性，清楚div的浮动。否则在Firefox还有一些浏览器上面是会错位的。
9. 要注意margin、padding 默认是有一定的数值的?
在ul、body等一些地方时存在margin、padding 默认值的，所以要先将它们设置为0，避免导致网站布局的错误。
本文转自：http://www.gzhongqi.net/Website/45.html
区别span div p 三个标签的用法
span和div的不同之处在于span是内联的，用在一小块的内联HTML中，前后不断行.
div元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.
<div> 可定义文档中的分区或节（division ......
CSS hack是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。
屏蔽IE浏览器（也就是IE下不显示） *:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF ......
盒模型，是XHTML
+CSS
布局
页面中的
核心！是关系到设计中排版定位的关键，都遵循盒模型规范，例如<div>、<p>、<a>……盒模型包含
(外
边距)margin，(内边距)padding ，(内容)content，(边框)border。
下图是CSS盒模型的示意图
这些属性我们可以把它转移到我们日常生� ......
