深沉的船

在大约两年前，DIV+CSS是一对很诱人的组合，会用DIV+CSS制作网页的人，常常会被人赞以大拇指的，记得06年初的时候，我用div+css布局的一个纯静态网站还拿了学校网页设计比赛的一个奖。

今天，尽管提到DIV+CSS，还会有很多人热情高涨，但是我会对他摇头了：DIV+CSS不是一切，更不是某些人所谓的“神话”！创造神话的是CSS，不是DIV+CSS。我想，是时候纠正这个问题了。

CSS的要义，是各个标签要各尽所用。

盲目推崇DIV+CSS只会让小白误入歧途的。

...

边框属性(border)用来设定一个元素的边线。
边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。
间隙属性(padding)是用来设置元素内容到元素边界的距离。
这三个属性都属于CSS中box类型的属性。

下面这个示意图，很形象地体现了三者之间的区别。

...

1.CSS布局常用的方法：

float : none | left | right

取值：
none :　 默认值。对象不飘浮
left :　 文本流向对象的右边
right :　 文本流向对象的左边

它是怎样工作的，看个一行两列的例子

xhtml:

[CODE=html]

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而 在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。

所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。

...

在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：

一、margin:auto 0 与 text-aligh:center
在现代浏览器（如Internet Explorer 7、Firefox、Opera等）现代浏览器实现水平居中的方法很简单，只要设定到左右两侧的空白为自动即可。意即：

#wrap { margin:0 auto;}  

#wrap { margin:0 auto;}
...

1、DIV居中

body {text-align: center;} 
div {margin-right: auto; margin-left: auto;}

body {text-align: center;} <br/>div {margin-right: auto; margin-left: auto;}<br/>

说明：对于IE，在父元素定义“text-align: center;”就可以了对于FF等其他浏览器，仅这样不能居中，需在子元素中定义

margin-right: auto; margin-left: auto;。

margin-right: auto; margin-left: auto;。<br/>

2、背景居中

...

BlueTrip 是一个想要整合以下优点的CSS 框架：

 

• 集成了BluePrint & Tripoli 框架的做好的部分；...