轻松搞定网页设计之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教程。