澄清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的优化通常包括两方面: 格式化CSS和精简CSS
。
精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。
格式化CSS一般就是多行模式或单行模式的选择，比如我个人就完全受不了多行模式
下面是一些在线的CSS优化工具，能让你方便的对CSS文件� ......
css获取页面中心位置
.fixed
{
FONT-SIZE: 30pt;
color : #1A6841;
left:expression(eval(document.body.clientWidth)/2-150);
top:expression(eval(document.body.clientHeight)/2-25);
width:300px;
height:50px;
border:green 1px solid;
background:#99CCFF;
+position:absolute;
+left:expression(ev ......
网页设计中CSS布局是很重要的部分，下面介绍几种检查调试CSS布局的有效方法。
1.检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2.检查CSS是否书写正确
检查一下有无拼写错误、是否忘记结尾的}等。可以利用 ......
<!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; charse ......
CSS 中有个重要的概念，就是盒子模式(Box model)。
盒子里由里至外依次是：
content 内容(比如文本、图片等)
padding 内边距
border 边框
margin 外边距
padding属性用来设置元素内容到元素边框的距离。
......
