轻松搞定网页设计之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时，就得使用。

教程需要搭配视频观看，请下载。