前    言

　　随着Web技术的不断发展，互联网已经由被动接受型的Web 1.0向主动参与型的Web 2.0过渡了，越来越多的技术需要Web页面具有清晰的语义、严格的结构，传统的采用表格布局的页面带来的缺点表现得越来越明显。随着Web 2.0技术的逐渐成熟以及更多的基于XML技术的出现，使用CSS进行网页布局的技术显得越来越重要，这也是未来互联网的发展趋势。现在，已经有越来越多的新建网站使用了CSS布局的技术，同时也有很多的大型门户网站采用CSS布局对原有网站进行了重构。

　　为了使广大网页设计师和即将参加到网页制作这个行列的初学者们能够更方便地掌握和使用CSS布局的技术，特编写了本书，力求让读者在学完本书之后，能够独立使用CSS进行网页的布局。

本书的特点

　　1．技术全面，内容充实

　　本书详细讲解了现在网页布局中通常使用的CSS属性。全书将所有属性分成布局属性、容器属性、文本属性和其他属性等几个部分，详细讲解了每个属性取值的具体含义和应用。

　　2．注重实践，联系实际

　　由于CSS中属性很多，取值复杂，很多读者了解了某个CSS属性的语法和取值后并不知道如何在制作页面时灵活应用。本书通过示例对各个属性的具体应用方法和需要注意的问题进行了详细讲解，通过本书的学习，读者可以掌握各CSS属性在页面中的应用技巧和注意事项。

　　3．注重思想，把握本质

　　本书力求建立起网页布局的新观念，使读者能够了解CSS布局页面的本质思想，而不是单纯地进行技术层面的讲解。本书编写努力做到知其然，亦知其所以然，因为不从根本上建立起新的布局观念，就不能在实际制作中更好地应用，也不能达到应用CSS布局的根本目的。

　　4．实例经典，举一反三

　　Web页面千变万化，其布局和修饰方式千差万别，因此不可能对每一个页面的制作方法都一一进行介绍。本书将通过几个具体的实例和一些单独的示例，讲解利用CSS进行页面布局的技巧，力求在实例和示例的制作过程中让读者了解CSS布局的原理和CSS布局的核心内容，方便以后实际应用中制作各种布局的页面。

　　5．图文并茂，重点突出

　　本书对每个CSS属性的应用效果都用图片的方式展示出来，做到明确直观。同时，对每个示例中需要特别注意和说明的地方都使用了单独的格式，使读者能够快速地把握知识的重点。

　　6．与时俱进，注重知识的更新

　　当前互联网的发展速度很快，浏览器也在不断更新换代，而每次更新后的浏览器所支持的CSS属性都会有所区别。为此，本书不但讲述了当前广泛使用的浏览器中CSS的使用效果，同时也介绍了最新发布的浏览器的特性，使读者学到的知识具有更好的时效性。

本书的内容

　　第1章：主要讲述了Web标准布局的本质--表现和结构相分离。本章是利用CSS布局页面的思想基础，很好地理解本章的内容，将有助于后面知识的学习。

　　第2章：详细介绍了XHTML书写规范。虽然本书主要讲解关于CSS属性和应用的知识，但是良好的XHTML结构是CSS控制页面表现的桥梁，因此掌握XHTML书写规范是应用CSS布局页面时不可缺少的。

　　第3章：从宏观上对CSS的各部分作了一个比较详细的介绍，让读者能够对CSS有一个整体的了解。同时还介绍了CSS语法结构等基础知识。

　　第4章：主要讲解了网页头部元素的详细定义，包括制作网页头部时要注意的问题和各头部标签的详细设置。

　　第5章：重点介绍了CSS基本布局属性，包括怎样使用浮动属性和布局属性更改元素的默认排列方式和进行布局的基础知识。

　　第6章：主要讲解了CSS容器属性。介绍了关于容器属性的详细知识，同时讲解了怎样通过容器属性进一步控制元素精确位置的知识。

　　第7章：主要介绍了CSS定义文本属性。对使用CSS控制文本的显示方式、链接的修饰以及内容的水平和垂直居中显示等进行了详细讲解。

　　第8章：主要讲解了怎样对页面中各种元素进行修饰，以及页面中导航部分的详细修饰方法。

　　第9章：主要讲解了DIV+CSS布局基础。在对CSS技术的基础知识有了一定的掌握后即可开始学习DIV+CSS布局的方法。DIV+CSS的布局方法简单来说就是使用div标签作为容器、使用CSS技术来排布div标签的布局方法。常用的CSS布局方式有浮动、定位等。本章是学习CSS技术最重要的一个部分，读者应多实践本章中的各个实例。

　　第10章：主要讲解了关于整站样式表的分析。介绍了怎样规划整站的CSS样式表，并通过实例讲解了页面中二级页面的制作。

　　第11章：主要介绍了关于标准的校验问题，包括标准校验的方法和标准校验中会遇到的问题。

　　第12章：主要讲解了DIV+CSS页面布局设计。DIV页面布局的优势在于布局灵活，便于维护，代码清晰，能加快网页解析的速度，缺点是浏览器的兼容性问题，但这可通过CSS和JavaScript来解决。很多新手，甚至一些从事多年网页制作工作的人都有一个误区，认为有了DIV就可以丢弃表格。其实，我们要从数据本身去考虑，如果内容本身是表格形式的，那就不能为了用DIV而用。

　　第13章：介绍了新闻系统的页面布局，分为首页、栏目页、列表页和内容页4个方面。

　　第14章：介绍了微博系统的页面布局。微博是当前比较热门的信息获取方式，分析和设计微博页面，可以让读者锻炼一种能力，养成分析各种热点网页的习惯。

　　第15章：介绍了论坛系统的页面布局。论坛系统也是一种长盛不衰的Web应用，其内容发布自有其独到之处，本章分析论坛的布局方法和各种关键页面的设计，读者可从中体会设计较大型系统的方法。

　　第16章：介绍了商城系统的页面布局。商城系统的页面比较多而杂，算得上大型系统。作为系统本身来说，需要设计的内容并不是很多，主要是根据需要进行商品设计，本章主要学习商城系统首页的设计。

适合的读者

* 网页表现层开发人员。

* Web 2.0开发人员。

* 网页专业设计人员。

* 网页维护人员。

* 网页制作爱好者。

* 大中专院校的学生。

* 社会培训学生。

本书作者

　　本书由邢太北和许瑞建编写。其中，贵州航天职业技术学院的邢太北老师负责编写第1～12章，许瑞建老师负责编写第13～16章，同时参与编写的工作人员还有宫磊、谷原野、黄其武、李延琨、林家昌、刘林建、孟富贵、孙雪明、王世平、文明、徐增年、银森骑、张家磊、周伟杰、朱玲和张昆等，由于时间仓促，书中难免存在疏漏和不足之处，恳请广大读者批评指正。

　　编    者    

II

III