澄清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要注意以上误区，相信站长都有很多的体会，也有更多成熟的设计理念。
相关文档：
IE6/IE7/FF的CSS hack 浏览器兼容总结
2010-01-23 15:25
由于不同的浏览器对CSS的支持及解析结果不一样，处理的优先级不一样。针对不同的浏览器来写不同的CSS达到在不同浏览器下显示想要的效果就是css hack。先贴两个直观的对比图：
再贴一段代码：
#bgcolor {
background:red !important; /* Firefox 等其他浏览器 * ......
CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack，但是我今天发布的你可能并不都很了解，因为这些都是只针对单独一个浏览器的 CSS Hack。
为了向你展示这些 CSS Hack 是否正常� ......
最简单的办法：假设你有两个颜色的CSS文件red.css,green.css,默认为红色的样式
<link rel="stylesheet" style="text/css" link="red.css" id="colorcss">
<input type="button" name="redcss" value='红色' onclick="javascript:document.getElementById('colorcss').href='red.css'">
<input type="butt ......
在当今web2.0时代,在设计网页的时候大家都会使用div+css进行布局,有点就不用多说了,自然有很多好处了,至少会比用table布局少些代码,而用div布局也有他们的不方便之处,就是比较复杂,尤其是多个div在一行显示,多个浏览器兼容等等,所以初学者还是尽量用table布局,待熟练了在用div.
现在说的是DIV+CSS中clear:both的作用,先看 ......
