轻松搞定网页设计之div+css

■ div+css是什么

div元素是用来为HTML文档内大块（block-level）的内容提供

结构和背景的元素。

css是英语Cascading Style Sheets（层叠样式表单）的缩写，

它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。

div+css是网站标准（或称“WEB标准”）中常用术语之一，通常

为了说明与HTML网页设计语言中的表格（table）定位方式的区别，

因为XHTML网站设计标准中，不再使用表格定位技术，而是采用

DIV+CSS的方式实现各种定位。

我们可以简单的这样理解div+css:

div 是用于存放内容(文字,图片,元素)的容器。

css 是用于指定放在div中的内容如何显示,包括这些内容的位置

和外观.

要深刻理解div+css的优越性，我们不得不提到网页设计的三个

历史时期 table ，table+css ,div+css

①table网页设计 : 内容和样式(外观和布局)混合

②table+css网页设计: table布局,css指定外观

③div+css网页设计: div放内容,css指定样式(外观和布局),

内容和样式彻底分离

div+css的优势

①符合W3C标准。微软等公司均为W3C支持者。

②搜索引擎更加友好

③样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得

更加方便。现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，

和主流的WEB2.0网站，均DIV+CSS的框架模式，更加印证了DIV+CSS是大势

所趋。

④CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节

省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。

⑤表现和结构分离，在团队开发中更容易分工合作而减少相互关联性

我的观点: div+css 并不是要我们抛弃table,因为

table在显示数据时，特别方便,因此在使用div+css

时，该使用table时，就得使用。
教程需要搭配视频观看，请下载php教程。