澄清DIV+CSS设计的误区
当DIV+CSS平地起惊雷突然出现在网页设计行业的时候，官方、民间无不推崇备至，仿佛Table设计的时代就
要终结，马上就要步入DIV+CSS的时代，不懂得DIV+CSS你都不好意思说你会网页设计，不知DIV+CSS你都不
好意思说你是站长，你要还是用TABLE来设计站点，无数鄙夷之光就投射而来。
然而DIV+CSS真的有这么神吗?该怎么真正的利用DIV+CSS优化站点，而不是挂羊头卖狗肉，插大葱装大
象呢?
DIV+CSS的设计中有几点误区，尤其应该澄清：
1、DIV+CSS的合理之处在于可以进行网页的统一设计管理，通过一个样式表，牵一发而动全身，只要修
改样式表，就可以统一全站的风格，如果为一个页面单独做一个样式表，或者一个div就做一个样式表，没
有全局设计观念，那么这个div+CSS的设计方式就完全没有必要，甚至成了累赘;
2、像Table一样用DIV+CSS，无穷尽的嵌套，其效果与Table设计没有两样，并不会带来搜索引擎的优化
效果，反而会增加页面的负担;
3、推崇Div+CSS，却不考虑兼容性，TABLE设计由来已久，得到浏览器的广泛支持，所以显示效果很好
，不会出现错位情况，但是DIV+CSS却在部分浏览器中会发生页面错位的情况，因此在进行设计的时候也要
考虑到不同浏览器的情况，进行更改和调试。
当然DIV+CSS有其固有的优点：1、标准化的页面结构;2、有利于统一设计管理;3、可以得到搜索引擎良
好的支持，但似乎利用DIV+CSS要注意以上误区，相信站长都有很多的体会，也有更多成熟的设计理念。
相关文档：
CSS 盒模型
网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：
如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。
这个图表很好地展示了作用于页面上任意盒子的数值。
注意以上两个例子中，margi ......
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
设置padding 他所占据的空白地方是在边框里面
而且在IE6 一下的版本中 存在这padding 计算错误的BUG
CSS 的宽度属性本来是不包含padding的 但是 在ie下面有的时候宽度是包含padding 所以 建议在不熟悉CSS 在定位 ......
1、IE分不清继承关系和父子关系的差别，全部都是继承关系。
2、在给你的标签疯狂加选择符的时候，别忘了在CSS里给选择符加上注释。等你以后修改你的CSS的时候就知道为什么要这么做了。另外提醒您，不要太疯狂了。
3、如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深� ......
应用样式的方法有三种：外部(external)、内部(internal)和内联(inline)。其中前两者的基本格式为：
selector { property ： value； }
CSS中可以使用不同的selector(选择符)来应用样 ......
<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:处理方式：
......
