日期:2014-05-17  浏览次数:20630 次

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