CSS排版

CSS排版要求设计者首先对页面有一个整体的框架规划，包括整个页面分为哪些模块，各个模块之间的父子关系，等等。以最简单的框架为例，页面有Banner、主体内容（content）、菜单导航（links）和脚注（footer）几个部分组成，各个部分分别用自己的id来标识，整体内容如下图所示：

图中的每个色块都是一个<div>,这里直接用CSS的ID表示方法来表示各个块。页面的所有div块都属于块#container，一般的div排版都会在最外面加上这么一个父div，便于对页面的整体进行调整。美誉每个子div块，还可以再加入各种块元素或者行内元素，以#content和#links为例，同样采用CSS的类别方法class来表示各个内容部分。如下所示：

在设计网页时，首先要明确整个页面的组成，并且在HTML中搭建好框架，然后才是排版，以及各个细节。

常见的几种排版见下图：