网页设计分模块布局 第1篇
网页模块的命名需要遵循的原则
常用的命名方式
本章前几节重点讲解了元素的浮动、定位以及清除浮动。为了使读者更好地运用浮动与定位布局页面，本节将通过案例的形式分步骤制作一个网页焦点图。
本章首先介绍了网页布局、元素的浮动效果和清除浮动的方法，然后讲解了overflow属性、元素的定位、元素的类型、元素的转换、布局类型和网页模块的命名规范。最后使用浮动、定位制作了一个网页焦点图。 通过本章的学习，读者应该能够熟练地运用浮动和定位进行网页布局，掌握清除浮动的几种常用方法，理解元素的类型与转换。
网页设计分模块布局 第2篇
使用DIV+CSS可以进行多种类型的布局，常见的布局类型有单列布局、两列布局、三列布局三种类型，本节将对这三种布局进行详细讲解。
单列布局是网页布局的基础，所有复杂的布局都是在此基础上演变而来的。
两列布局只是网页内容被分为了左右两部分，打破了统一布局的呆板，页面更加活跃。
三列布局是两列布局的演变，只是将主体内容分成了左、中、右三部分。
无论布局类型是单列布局、两列布局或者多列布局，为了网站的美观，网页中的一些模块，例如头部、导航、焦点图或页面底部的版权等经常需要通栏显示。将模块设置为通栏后，无论页面放大或缩小，该模块都将横铺于浏览器窗口中。
网页设计分模块布局 第3篇
当position属性的取值为fixed时，即可将标签的定位模式设置为固定定位。
当对标签设置固定定位后，该标签将脱离标准文档流的控制，始终依据浏览器窗口来定义自己的显示位置。不管浏览器滚动条如何滚动，也不管浏览器窗口的大小如何变化，该标签都会始终显示在浏览器窗口的固定位置。
在前面的章节中介绍CSS属性时，经常会提到块元素、行内元素的概念。在网页制作中块元素和行内元素都属于元素的某种类型，它们都有着各自的特点。制作网页时经常需要将这些类型进行转换。本节将对元素的类型与转换进行详细讲解。
为了使页面结构的组织更加轻松、合理，HTML标签被定义成了不同的类型，一般分为块元素和行内元素。