本书系统地讲解了目前流行的Div+CSS标准布局的基础理论和实际应用的技法。全书通过108个经典实例与知识点相结合的形式进行讲解，从网站的布局风格以及实现方法两个方面剖析了Div+CSS网页布局和制作方法。

本书全面地讲解了使用Div+CSS进行网页布局的方法和技巧，并在每个实例的制作步骤中配以图示，从而更加直观地辅助读者学习，以达到事半功倍的效果。本书通过大量实例对Div+CSS布局进行了深入浅出的分析，并对重点和难点进行了更加深入的解析，使读者能够充分掌握Div+CSS布局的精髓所在。希望读者通过对本书的学习，能够以符合标准的设计思维，采用实战操作完成网页设计，进而融入到Web标准设计领域。

本书内容丰富、结构清晰、图文并茂，实例的讲解到位，操作步骤也简单易懂。另外，本书在讲解知识的基础上着重培养读者的设计思维与实战能力，比较适合初、中级网页设计制作爱好者以及希望学习Web标准对原网站进行重构的网页设计者。本书配套光盘中还提供了书中所有实例的源文件和相关视频教程，供读者学习和参考。

第 1 篇 基础篇

第 01 章 Dreamweaver与CSS基础

实例001  建站第 一步——创建本地静态站点9

实例002  设置远程服务器——创建企业网站站点10

实例003  内联CSS样式——控制文本显示效果12

实例004  内部CSS样式——控制页面整体效果13

实例005  外部CSS样式——链接外部CSS样式表文件15

实例006  @import方式——导入外部CSS样式18

第 02 章 Div+CSS布局基础

实例007  margin——控制网页元素的位置21

实例008  border——为网页元素添加边框22

实例009  padding——控制Div中内容的位置24

实例010  相对定位——设置网页元素叠加显示26

实例011  *对定位——设置网页元素固定在右侧显示27

实例012  固定定位——固定的网页导航29

实例013  浮动定位——制作作品列表31

实例014  空白边叠加——控制元素的上下边距35

实例015  流体网格布局——制作个人作品展示页面37

第 03 章 使用CSS控制网页背景

实例016  定义页面背景颜色——制作个人作品网站页面44

实例017  定义背景图像——为网页添加背景图像45

实例018  背景图像的位置——控制网页中背景图像的位置47

实例019  固定背景图像——控制网页的背景图像固定不动48

实例020  RGBA与HSLA颜色值（CSS3.0）——设置半透明背景颜色50

实例021  渐变背景颜色（CSS3.0）——为网页设置渐变背景颜色52

实例022  background-size属性（CSS3.0）——控制背景图像大小55

实例023  background-origin 属性（CSS3.0）——控制背景图像显示区域57

实例024  background-clip 属性（CSS3.0）——控制背景图像的裁剪区域58

第 04 章 使用CSS控制文本

实例025  定义字体——制作网站欢迎页面62

实例026  定义英文字体大小写——制作英文网站页面64

实例027  定义字体下划线、顶划线和删除线——网页文字修饰66

实例028  定义字间距和行间距——制作网站公告69

实例029  定义段落首字下沉——制作企业介绍页面71

实例030  定义段落首行缩进——制作设计公司网站页面72

实例031  定义段落水平对齐——制作网站弹出页面74

实例032  定义文本垂直对齐——制作产品介绍页面76

实例033  Web字体——在网页中使用特殊字体78

实例034  CSS类选区——应用多个类CSS样式81

实例035  text-shadow属性（CSS3.0）——为网页文字添加阴影83

实例036  word-wrap属性（CSS3.0）——控制网页文本换行84

实例037  text-overflow属性（CSS3.0） ——控制文本溢出86

第 05 章 使用CSS控制图片效果

实例038  图片边框——修饰网页图像89

实例039  图片缩放——自适应窗口大小的图片91

实例040  图片的水平对齐——制作产品展示页面94

实例041  图片的垂直对齐——制作饮品展示页面95

实例042  实现图文混排效果——制作产品介绍页面97

实例043  border-colors属性（CSS3.0）——为图像添加多种色彩边框99

实例044  border-radius属性（CSS3.0） ——实现圆角边框100

实例045  border-image属性（CSS3.0）——实现图像边框102

第 2 篇 进阶篇

第 06 章 使用CSS控制列表样式

实例046  ul无序列表——制作新闻栏目106

实例047  ol有序列表——制作音乐排行列表108

实例048  更改列表项目样式——制作方块列表效果110

实例049  使用图片作为列表样式——制作图像列表112

实例050  定义列表——制作复杂新闻列表114

实例051  列表的应用——制作横向导航菜单115

实例052  列表的应用——制作纵向导航菜单118

实例053  content属性（CSS3.0）——赋予Div内容120

实例054  opacity属性（CSS3.0）——实现元素的半透明效果122

第 07 章 使用CSS美化表格和表单元素

实例055  创建数据表格——制作新闻列表125

实例056  设置表格边框和背景——制作精美表格128

实例057  为单元行应用类CSS样式——实现隔行变色的单元格132

实例058  应用CSS样式的hover伪类——实现交互的变色表格134

实例059  设置表单元素的背景颜色——美化文本域135

实例060  设置表单元素的边框——美化登录框138

实例061  使用CSS定义圆角文本字段140

实例062  使用CSS定义下拉列表 ——制作多彩下拉列表141

实例063  column属性（CSS3.0）——实现网页文本分栏143

实例064  column-width属性（CSS3.0）——设置分栏宽度144

实例065  column-count属性（CSS3.0）——控制网页文本分栏数146

实例066  column-gap属性（CSS3.0）——控制网页文本分栏间距148

实例067  column-rule属性（CSS3.0）——为分栏添加分栏线150

第 08 章 使用CSS样式美化超链接和鼠标指针

实例068  定义超链接样式——制作活动公告153

实例069  超链接伪类应用——制作按钮式超链接156

实例070  超链接伪类应用——制作图像式超链接159

实例071  使用CSS定义鼠标指针样式——改变默认的鼠标指针162

实例072  使用CSS定义鼠标变换效果——实现网页中的鼠标变换效果163

实例073  box-shadow属性（CSS3.0）——为网页元素添加阴影165

实例074  overflow属性（CSS3.0）——网页元素内容溢出处理166

实例075  resize属性（CSS3.0）——在网页中实现区域缩放调节168

实例076  outline属性（CSS3.0）——为网页元素添加轮廓边框170

第 3 篇 提高篇

第 09 章 使用CSS3.0滤镜

实例077  grayscale滤镜——将网页处理为灰度效果173

实例078  sepia滤镜——将网页中的图像处理为怀旧效果174

实例079  satruate滤镜——调整网页中图像的色彩饱和度176

实例080  hue-rotate滤镜——调整网页中图像的色调178

实例081  invert滤镜——将网页中的图像处理为底片效果180

实例082  opacity滤镜——设置网页元素半透明效果181

实例083  brightness滤镜——调整网页中图像的亮度183

实例084  contrast滤镜——调整网页中图像的对比度184

实例085  blur滤镜——实现网页元素模糊效果186

实例086  drop-shadow滤镜——为网页元素添加阴影效果188

第 10 章 使用CSS3.0实现动画效果

实例087  旋转变形——实现网页元素的旋转191

实例088  缩放和翻转变形——实现网页元素的缩放和翻转193

实例089  移动变形——实现网页元素的移动194

实例090  倾斜变形——实现网页元素的倾斜效果196

实例091  transition-property属性——实现网页元素变形过渡效果198

实例092  transition属性——制作动态选项卡200

第 11 章 CSS与其他语言综合运用

实例093  XML与CSS——制作学生信息管理页面205

实例094  使用CSS实现XML中特殊效果——隔行变色的信息列表208

实例095  在HTML页面中调用XML数据——制作摄影图片网页212

实例096  使用JavaScript实现可选择字体大小——制作新闻页面218

实例097  使用JavaScript实现图像滑动切换——制作图像页面221

实例098  使用JavaScript实现特效——制作动态网站相册225

第 4 篇 商业案例篇

第 12 章 布局制作商业网站页面

实例099  制作宠物猫咪网站页面233

实例100  制作设计工作室网站页面238

实例101  制作医疗健康类网站页面245

实例102  制作教育类网站页面251

实例103  制作企业类网站页面257

实例104  制作水上乐园网站页面265

实例105  制作休闲游戏网站页面272

实例106  制作野生动物园网站页面282

实例107  制作餐饮类网站页面288

实例108  制作游戏类网站页面296