刘 翼， 王 耀， 张俊兰

（1.延安大学 网络中心，陕西 西安 716000；2.延安大学 计算机学院，陕西 延安 716000）

在刚学习网页制作时，总是首先考虑怎么设计，考虑那些图片、字体、颜色以及布局方案；然后用Photoshop或者Fireworks画出来，切割成小图；最后再通过编辑HTML将所有设计还原表现在页面上。外观并不是最重要的，一个结构良好的HTML页面可以以任何外观表现出来，通过CSS的不同定义，显示在任何地方，任何网络设备上。下面主要论述DIV+CSS技术[1]在网页布局中的应用。

1 DIV+CSS技术概述

1.1 DIV+CSS技术

把浏览的界面比作一张纸的话，那表格就是直接在这张纸画上了固定的线（当然这条线就设置为不可见），然后规划出每个地方的需要面积，放上相应的元素，即成了网页。但这样的网页一旦用表格“画好”基本是不可以改的了。或者说改起来相当麻烦。

而div（Division）则像一个个独立的容器[2]，好似程序里的SUB函数。可以灵活的调用。通过CSS可以控制某个容器的外部形态、颜色、背景、字体、大小和出现的位置等等，一个网页就由若干个这样的容器组成，每个容器都可以通过CSS控制，再加上CSS中的class及一些常用基本参数的使用。使得改变一个CSS就可改变整个网站。

CSS是Cascading Style Sheets（层叠样式表）的简称。CSS语言是一种标记语言，它不需要编译，可以直接由浏览器执行（属于浏览器解释型语言），在标准网页设计中CSS负责网页内容（XHTML）的表现。同时CSS文件也可以说是一个文本文件，它包含了一些CSS标记，CSS文件必须使用css为文件名后缀。可以通过简单的更改CSS文件，改变网页的整体表现形式，可以减少我们的工作量，所以它是每一个网页设计人员的必修课。……