本书是随着Web标准的不断普及，以及随着传统的table布局渐渐退出的形式下产生的。网页标准化的DIV+CSS布局方式也越来越广的应用到了实际的应用之中，所以对于DIV+CSS的学习成了网页设计制作人员的必修课。本书详细系统的介绍了CSS层叠样式表的基础理论和实际制作应用，通过大量翔实的例子对DIV+CSS布局进行了深入浅出的分析，注重实际操作，使读者能够充分掌握DIV+CSS布局的精髓所在。在本书最后一篇，还详细介绍了四种主要类型的网站首页以及其二级页面的制作，使得读者在进一步巩固知识的同时，能够熟悉DIV+CSS的强大重复应用性。本书理论部分内容翔实，实例部分包含甚广，循序渐进，并注重章节之间的呼应对照。同时本书实例丰富，案例讲解清晰明白。本书既适合初级入门DIV+CSS布局人员的入门级教材，也可以作为中高级读者参考资料。

随着Web 2.0的发展，利用表格进行页面制作的弊端越来越显现出来，而Web标准的重要性也越来越被人们所重视。网页主要由3部分构成，分别是结构、表现和行为，对应的标准分别是结构化标准语言、表现标准语言和行为标准。在使用表格制作网页的时候，结构和样式不分离，在制作上比较简单，但是使得页面在更新和维护上变得异常烦琐，往往为了修改一点内容需要改动整个页面的布局。
随着Web技术的发展，特别是DIV+CSS布局的发展，使得网页在制作方法上有了突飞猛进的发展。CSS是最主要的表现标准语言，使用DIV+CSS技术制作的网页完全使结构和样式相分离，因此，网页在维护与制作上更为简便，而且在制作中精简了结构代码量，使得程序开发更为简洁。同时，CSS所特有的样式定义也使得页面可以制作得更为美观。
作为网页制作人员的必修课，我们精心编写了本书，通过系统的知识讲解和翔实的实例分析，能使对网页制作有兴趣的读者迅速成为专业人士。
本书的特点
本书通过CSS层叠样式表技术在网页中的应用实例，深入浅出地讲解了DIV+CSS布局的应用。在部分章节结尾，我们还精心制作了相关的综合实例，以辅助读者在掌握了本章基础理论后能够将其充分应用到实践中。
本书的特点主要体现在以下几个方面：
1．采用循序渐进的方式，适合初级、中级读者逐步掌握DIV+CSS布局制作的精髓，系统讲解了一类CSS层叠样式表的基础知识，以及相关的样式值，以方便读者学习、查询。而且在每一章中配合该类样式循序渐进地制作了相关的实例，并对样式加以注释，以帮助读者理解样式的应用，做到不仅知其然，而且知其所以然。
2．应用了大量的实例，在奠定基础的同时强调了技术的灵活运用，在实例中结合编者长期制作页面的经验，抛砖引玉式地进行启发，使读者真正做到学以致用。
3．使用了大量篇幅来制作例子，以求读者能通过实例掌握DIV+CSS的布局方法和制作技巧，以掌握DIV+CSS最核心的知识，并精选了4个常见类型的综合实例，包括博客网站、企业网站、网店类网站和门户类网站，以帮助读者总结知识并提高综合应用的能力。在综合实例部分，编者还制作了相关网站的二级页面，是希望读者能够深刻地体会CSS层叠样式表的重复应用性，熟悉并清楚DIV+CSS技术的强大功能。
本书的内容安排
本书共14章，从Web标准的基本概念讲起，进一步介绍CSS样式表各类属性及相关属性值，最后结合笔者的经验制作了4个综合实例，以总结本书所学到的知识。
第1～3章：Web标准基础。讲述了Web标准发展的概况，页面内容、结构、表现三者的关系，使用CSS构建页面的原理以及Web标准中的兼容问题等，使读者对DIV+CSS布局有一个大概的了解。
第4～10章：页面局部布局实例。讲述了CSS层叠样式表的各个属性，通过经典的“盒子模型”，着重体现了结构与样式分离的应用原则，使读者理解使用CSS对网页进行布局的精髓，并且通过实例深入分析该类属性的实际应用。
第11～14章：CSS布局的综合应用。通过4种网站类型的完整制作，综合运用了前面章节所介绍的知识、方法和技巧，并提出一些富有创意的做法，给出详细的对比说明，使读者能够在总结所学知识的同时，进一步提高水平，拓展思路。
本书由浅入深，由理论到实践，适合初级读者逐步学习网页制作技能和完善自己的知识结构。
适合阅读本书的读者
? 希望进入网络行业的新手。
? 迫切希望提高个人测试技能和水平的初级网页制作人员。
? 具备一定的测试理论知识但是缺乏实践经验的网页制作人员。
? 掌握了一定网页制作技巧但是希望进一步提高的中、高级网页制作人员。
读者服务
本书由邹欣、刘起芳编著，资料整理、光盘制作由王倩、喻晓英等完成。由于时间仓促，加之水平有限，书中不足之处在所难免，敬请读者批评指正。
如果读者在阅读本书的时候产生任何疑问，可以发送电子邮件及时与我们联系，我们会尽快给予答复。邮箱：HappySAnts@163.com或zhangshuqiangbooks@163.com。

第1章 网页的构成与Web标准 1
1.1 什么是网页 1
1.2 网页的构成 1
1.2.1 页面显示的信息 2
1.2.2 构成页面的代码 2
1.2.3 显示网页的浏览器 4
1.3 关于Web标准 4
1.3.1 什么是Web标准 4
1.3.2 页面的内容 5
1.3.3 页面的结构 5
1.3.4 页面的表现 6
1.4 Web标准网站欣赏 6
第2章 使用CSS构建页面的原理 8
2.1 什么是CSS 8
2.2 CSS的语法 8
2.3 CSS应该定义在哪里 9
2.3.1 元素内部的CSS 9
2.3.2 页面头部的CSS 10
2.3.3 外部的CSS 11
2.4 应用样式的优先级 12
2.5 DOCTYPE的选择 13
2.5.1 什么是DOCTYPE 13
2.5.2 选择什么样的DOCTYPE 13
2.6 使用CSS控制表现效果的好处 14
第3章 Web标准中的兼容问题 15
3.1 兼容问题的由来 15
3.1.1 浏览器的版本问题 15
3.1.2 浏览器的兼容问题 15
3.2 需要兼容的浏览器 15
3.2.1 常用浏览器介绍 16
3.2.2 浏览器显示的差异 16
3.3 兼容问题的解决原理 17
3.3.1 避免使用会产生兼容问题的属性 17
3.3.2 使用CSS hack解决兼容问题 18
3.3.3 其他兼容的方法 19
3.4 CSS hack的使用 20
3.4.1 针对IE的CSS hack 20
3.4.2 针对Firefox的CSS hack 21
第4章 制作背景 23
4.1 网页背景的相关知识 23
4.1.1 背景的分类 23
4.1.2 使用CSS控制背景颜色 23
4.1.3 使用CSS控制背景图片 25
4.1.4 使用CSS控制背景图片的重复 27
4.1.5 固定背景图片 28
4.1.6 设置背景图片的显示位置 30
4.2 设置多个背景 32
4.3 制作渐变背景 37
4.3.1 效果图分析 37
4.3.2 背景图片的制作 38
4.3.3 页面文件的制作 39
4.3.4 使用滤镜制作渐变背景 43
4.4 综合实例——企业网站引导页的制作 44
4.4.1 效果图分析 45
4.4.2 页面结构制作 45
4.4.3 页面内容及样式制作 46
4.5 小结 50
第5章 制作Logo和Banner 51
5.1 Logo和Banner的相关知识 51
5.1.1 Logo和Banner的概念 51
5.1.2 盒子模型 52
5.1.3 CSS边框属性 52
5.1.4 CSS内边距属性 54
5.1.5 CSS外边距属性 56
5.2 制作图像Logo 58
5.2.1 效果图分析 58
5.2.2 页面结构制作 59
5.2.3 Logo图片位置的确定 59
5.3 制作图像Banner 61
5.3.1 效果图的分析 61
5.3.2 页面结构制作 61
5.3.3 Banner图片位置的确定 62
5.4 综合实例——公司网站顶部内容的制作 64
5.4.1 效果图分析 64
5.4.2 页面结构制作 65
5.4.3 页面内容及样式制作 65
5.5 小结 70
第6章 制作站点导航栏 71
6.1 站点导航栏的相关知识 71
6.1.1 站点导航栏的分类 71
6.1.2 CSS浮动属性 72
6.1.3 CSS清除浮动属性 76
6.1.4 CSS字体属性 78
6.2 制作文本导航栏 81
6.2.1 效果图的分析 81
6.2.2 页面结构的制作 82
6.2.3 使用标签制作文本导航栏内容 82
6.2.4 使用