澄清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、IE8、Firefox、Opera CSS hack区分
针对样式名
如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>/**/body .head{color:#000;}
如果只是不让ie6看见用html>body .head{color:#000;} ......
CSS 对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了 一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。
CSS技巧
1.d ......
position 有三个值，static（静态）、relative（相对）、absolute（绝对） fix(固定布局)；由于static是所有页面元素的默认值，因此设置元素的定位类型时几乎不用这个值，除非用于覆盖之前的定义。
对于后两者，一般应用：在一个相对定位的元素里面放置一个绝对定位的元素，如图：
子元素B可以通过top、right、bottom、le ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.zishu.cn< ......
最简单的办法：假设你有两个颜色的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 ......
