第15章 CS页面基本排版技术.pptVIP

第15章 CSS页面基本排版技术 在学习CSS布局的基础知识后，本章继而讲解如何综合应用各种布局方式来实践DIV+CSS排版。要实现复杂的页面排版，首先要从简单的页面布局开始。本章主要讲述多种整体页面布局方式，主要包括固定宽度布局、自适应宽度布局和弹性布局等。本章内容包括： 使用DIV+CSS的布局方式实现页面排版 介绍常用的页面排版方式 15.1 固定宽度布局 固定宽度布局是页面排版中最常用的一种布局方式。页面中用于分区的容器的宽度都是用像素来定义的。这种排版方法能令网页设计师很好地控制布局和定位。若将一个容器的宽度设置为760像素，那么这个容器在任何浏览器上都显示为760像素宽。 15.1.1 一列水平居中布局 一列水平居中布局是网页中最常见的布局方式，常用于个人博客和简洁的企业网站。一列水平居中布局就是网页中所有内容都位于一竖列中，该竖列水平居中于页面。尽管图中的网页布局看似非常复杂，但是它最基本的布局仍然是一列水平居中布局。 15.1.2 两列浮动布局 接下来的两节都是讲解基于浮动的固定宽度布局，包括两列浮动布局和三列浮动布局。在实际应用中，基于浮动的布局是最常用也是最易用的布局方式。 15.1.3 三列浮动布局 三列浮动布局和两列浮动布局的原理是相似的。首先要给网页进行分块，其分块框架如图所示。 15.2 自适应宽度布局 在上一节中讲述的布局方式为固定宽度布