龙源期刊网httpwwwqika
comc

运用DIVCSS设计网站布局
作者：袁红霞来源：《科技资讯》2012年第33期
摘要：DIVCSS是网站标准中常用的术语之一，XHTML网站设计标准中，不再使用表格定位技术，而是采用DIVCSS的方式实现各种定位。用DIV盒模型结构给各部分内容划分到不同的区块，然后用CSS来定义盒模型的位置、大小、边框、内外边距、排列方式等。在DIVCSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。关键词：DIVCSS选择器盒子模型中图分类号：TP393文献标识码：A文章编号：16723791（2012）11（c）002201DIV用于搭建网站结构、CSS用于创建网站表现，实质即使用XHTML对网站进行标准化重构，使用CSS将表现与内容分离，便于网站维护，简化html页面代码，可以获得一个较优秀的网站结构，便于日后维护、协同工作和搜索引擎蜘蛛抓取。仔细分析和规划页面结构，得到类似这样的几块：标志和站点名称主页面内容站点导航子菜单搜索框功能区（例如购物车、收银台）页脚（版权和有关法律声明）我们通常采用DIV元素来将这些结构定义出来，类似这样：
f龙源期刊网httpwwwqika
comc

这是一个对内容块的语义说明。DIV容器中，可以包含任何内容块，也可以嵌套另一个DIV。内容块可以包含任意的HTML元素：标题、段落、图片、表格等等。每一个内容块都可以放在页面上的任何地方，再指定这个块颜色、字体、边框、背景以及对齐属性等等。ID的名称是控制某一内容块的手段，通过给这个内容块套上DIV，并加上唯一的ID，就可以用CSS选择器精确定义每一个页面元素的外观。CSS是Cascadi
gStyleSheets（层叠样式表）的缩写。是对web文档添加样式的简单机制，属于表现层的布局语言。CSS中有三大类型选择器：基本选择器、复合选择器、特殊选择器。基本选择器又包括标签选择器、id选择器、类选择器。一个HTML页面可以由很多不同的标签组成，CSS标签选择器可以声明哪些标签采用哪种CSS样式。因此说，每一种HTML标签的名称可以作为相应的标签选择器的名称。每一个CSS选择器均包含选择器本身、属性和值，其中属性和值可以设置多个，以实现对同一个标签声明多种样式风格。CSS语言对所有属性和值都有严格的要求，如果声明的属性在CSS规范中没有，或某个属性的值不符合该属性的要求，均不能使该CSS语句起作用。若标签选择器一旦声明，那么页面中所有相应标签都会产生变化。类选择器的名称可以由用户自定义，属性和值都跟标签选择器一样，必须符合CSS规范。ID选择器的使r