DIV CSS网页标准化布局.pdfVIP

DIV+CSS网页标准化布局 讲师：张涛 网址： 电话：400 700 1307 QQ/Email: zhangtao@ DIV+CSS网页标准化布局 1.概述 2.DIV+CSS的优势 3.无意义的元素div和span 4.盒子模型 5.定位属性 6.区块属性(区块模型) 7.区块框浮动 8.行框和清理 9.使用区块框设计页面布局 1、概述 v 使用 “DIV+CSS”对网站进行布局符合W3C标准，采用这种 方式布局通常是为了说明与HTML表格定位方式的区别。因 为现在的网站设计标准中，已经不再使用表格定位技术， 而是采用DIV+CSS的方式实现各种定位。通过使用div盒子 模型结构将各部分内容划分到不同的区块，然后用css来定 义盒子模型的位置、大小、边框、内外边距、排列方式等 。简单地说，div用于搭建网站结构（框架）、css用于创 建网站表现（样式/美化）。该标准简化了HTML页面代码， 获得一个较优秀的网站结构，有利于日后网站维护、协同 工作和便于搜索引擎抓取。当然并不是所有的网页都需要 用div布局，例如数据页面、报表之类的页面，还是使用