admin 管理员组

文章数量: 887021


2024年2月21日发(作者:戴绿松石的好处和功效)

龙源期刊网

运用DIV+CSS设计网站布局

作者:袁红霞

来源:《科技资讯》2012年第33期

摘 要:DIV+CSS是网站标准中常用的术语之一,XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位。用DIV盒模型结构给各部分内容划分到不同的区块,然后用CSS来定义盒模型的位置、大小、边框、内外边距、排列方式等。在DIV+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。

关键词:DIV+CSS 选择器 盒子模型

中图分类号:TP393 文献标识码:A 文章编号:1672-3791(2012)11(c)-0022-01

DIV用于搭建网站结构、CSS用于创建网站表现,实质即使用XHTML对网站进行标准化重构,使用CSS将表现与内容分离,便于网站维护,简化html页面代码,可以获得一个较优秀的网站结构,便于日后维护、协同工作和搜索引擎蜘蛛抓取。

仔细分析和规划页面结构,得到类似这样的几块:

标志和站点名称

主页面内容

站点导航

子菜单

搜索框

功能区(例如购物车、收银台)

页脚(版权和有关法律声明)

我们通常采用DIV元素来将这些结构定义出来,类似这样:


本文标签: 网站 结构 使用 页面 设计