《CSS + DIV网页样式布局实战从入门到精通》电子资源

编辑推荐

（1）精选实际案例，满足实战应用需要。
（2）图书、光盘、手机阅读及视频演示，全方位立体化教学。
（3）利用手机等移动终端即可进行学习。
（4）全彩印刷，重点突出，版式清爽。
（5）随光盘赠送大量辅助学习资料。

内容简介

《CSS + DIV网页样式布局实战从入门到精通》通过精选案例引导读者深入学习，系统地介绍了利用CSS和DIV进行网页样式布局的相关知识和操作方法。

全书共21章。第1～5章主要介绍网页样式布局的基础知识，包括基本概念和语法、代码的编写方法、盒子模型及高级特性等；第6～11章主要介绍网页样式布局的常用设置，包括网页字体与对象尺寸、文本与段落、文本样式、文本颜色与效果、背景颜色与图像及图像效果等；第12～16章主要介绍网页样式布局的高级设置，包括网页表格、链接与项目列表、导航菜单、固定宽度布局及变宽度布局等；第17～21章通过实战案例进一步讲解了基础知识的综合应用方法，包括商务、时尚科技、在线购物、娱乐休闲及手机应用等多种类型网页的布局方法。

在《CSS + DIV网页样式布局实战从入门到精通》附赠的DVD多媒体教学光盘中，包含了17小时与图书内容同步的教学录像及所有实例的配套源文件。此外，还赠送了大量相关学习内容的教学录像及扩展学习电子书等。为了满足读者在手机和平板电脑上学习的需要，光盘中还赠送了本书教学录像的手机版视频学习文件。

《CSS + DIV网页样式布局实战从入门到精通》不仅适合网页样式布局的初、中级读者学习使用，也可以作为各类院校相关专业学生和网页制作培训班的教材或辅导用书。

目录

• 第1章CSS入门
• 本章从CSS的基本概念出发，介绍CSS语言的特点，以及如何在网页中引入CSS，并对CSS进行初步的体验。
• 1.1CSS的概念002
• 1.1.1网页中标记的概念002
• 1.1.2HTML与CSS的互补002
• 1.1.3浏览器对CSS的支持003
• 1.2网页设计中的CSS003
• 1.2.1CSS能做什么003
• 1.2.2CSS的局限性003
• 1.3网站CSS赏析004
• 1.3.1商务网站CSS样式赏析004
• 1.3.2游戏网站CSS样式赏析004
• 1.4实例——编写我的第一个CSS样式005
• 1.4.1从零开始005
• 1.4.2加入CSS控制006
• 1.4.3控制图片006
• 1.4.4CSS的注释007
• 高手私房菜007
• 第2章CSS 3基本语法
• 本章重点介绍CSS如何控制页面中的各个标记。先从控制HTML标记的不同方法入手，介绍各种选择器的概念和声明方法，以及CSS的有关属性值。
• 2.1构造CSS规则010
• 2.2实例1——基本CSS选择器010
• 2.2.1标记选择器011
• 2.2.2类别选择器012
• 2.2.3ID选择器015
• 2.3实例2——在HTML中使用CSS016
• 2.3.1行内样式016
• 2.3.2内嵌式017
• 2.3.3链接式018
• 2.3.4导入式019
• 2.3.5各种方式的优先级020
• 2.4CSS 3的声明020
• 2.4.1标准声明020
• 2.4.2合并多重声明020
• 2.5属性值021
• 2.5.1整数和实数021
• 2.5.2长度值022
• 2.5.3百分比值022
• 2.5.4URL022
• 2.5.5颜色值023
• 2.6CSS的继承023
• 高手私房菜024
• 第3章手工与借助工具编写网页样式
• 本章分别通过使用手工与借助工具设置标题、控制图片、设置整体页面等内容，来讲述如何完成一个使用CSS技术的网页。
• 3.1实例1——手工编写026
• 3.1.1从零开始026
• 3.1.2设置标题028
• 3.1.3控制图片028
• 3.1.4设置正文029
• 3.1.5设置整体页面030
• 3.1.6对段落进行分别设置030
• 3.1.7完整代码031
• 3.2实例2——使用Dreamweaver编写032
• 3.2.1使用Dreamweaver创建页面032
• 3.2.2在Dreamweaver中新建CSS规则034
• 3.2.3在Dreamweaver中编辑CSS规则038
• 3.2.4为图像创建CSS规则038
• 高手私房菜040
• 第4章盒子模型
• 盒子模型是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中的每一个元素的用法，才能真正控制页面中各个元素的位置。
• 4.1盒子的内部结构042
• 4.2实例1——边框042
• 4.2.1边框类型042
• 4.2.2属性值的简写形式044
• 4.2.3边框与背景044
• 4.3实例2——内边距045
• 4.4实例3——外边距046
• 4.5实例4——盒子之间的关系047
• 4.5.1HTML与DOM047
• 4.5.2标准文档流049
• 4.5.3div标记与span标记049
• 4.6实例5——盒子在标准流中的定位原则050
• 4.6.1行元素之间的水平margin050
• 4.6.2块元素之间的竖直margin051
• 4.6.3嵌套盒子之间的margin052
• 4.6.4将margin设为负值052
• 4.7实例6——盒子的浮动053
• 4.7.1准备代码053
• 4.7.2设置浮动的div054
• 4.7.3改变浮动的方向055
• 4.7.4全部向右浮动056
• 4.7.5使用clear属性清除浮动的影响056
• 4.8实例7——盒子的定位057
• 4.8.1静态定位058
• 4.8.2相对定位058
• 4.8.3绝对定位059
• 4.8.4固定定位060
• 高手私房菜060
• 第5章CSS 3的高级特性
• 本章主要介绍CSS的复合选择器、继承性及层叠性等高级特性，学习这些高级特性，在提高页面制作效率上会有很大帮助。
• 5.1实例1——复合选择器062
• 5.1.1交集选择器062
• 5.1.2并集选择器062
• 5.1.3后代选择器063
• 5.2实例2——CSS的继承特性064
• 5.2.1继承关系065
• 5.2.2CSS继承的运用065
• 5.3实例3——CSS的层叠特性066
• 高手私房菜068
• 第6章网页字体与对象尺寸
• 文字是网页设计永远不可缺少的元素，文字尺寸的设置关系着网页是否美观。本章从基础文字设置出发，详细讲解CSS设置各种文字效果的方法。
• 6.1实例1——指定字体属性070
• 6.1.1font-weight属性070
• 6.1.2font-variant属性071
• 6.1.3font-style属性072
• 6.1.4font简写属性072
• 6.2实例2——字体族073
• 6.2.1泛型字体族073
• 6.2.2通常安装的字体074
• 6.3实例3——设置字体074
• 6.3.1选择字体集074
• 6.3.2设置字体尺寸075
• 6.3.3设置文字横向拉伸变形076
• 6.3.4设置字体尺寸是否统一076
• 6.4实例4——设置对象尺寸076
• 6.4.1对象宽度设定077
• 6.4.2对象高度设定077
• 6.4.3对象尺寸范围设定078
• 6.4.4文本行高控制078
• 6.4.5垂直对齐方式079
• 高手私房菜080
• 第7章网页文本与段落设计
• 本章主要介绍文字的有关设置和段落排版，如果说第6章是文字的设置基础，那么本章就是文字的设置应用。
• 7.1实例1——添加文本082
• 7.1.1普通文本082
• 7.1.2特殊文字符号082
• 7.2实例2——文本排版083
• 7.2.1段落标记p与换行标记br 084
• 7.2.2标题标记h1~h6084
• 7.2.3文本水平居中标记center085
• 7.3实例3——网页特殊字符085
• 7.4实例4——文本的应用087
• 高手私房菜088
• 第8章文本样式
• 本章通过介绍文本的颜色定义、字体设置效果、段落缩进、字词间距等，来综合讲解排版布局中具体如何设置文本的样式。
• 8.1长度单位090
• 8.2实例1——颜色定义090
• 8.3实例2——准备页面091
• 8.4实例3——设置文字的字体092
• 8.5实例4——设置文字的倾斜效果093
• 8.6实例5——设置文字的加粗效果093
• 8.7实例6——英文字母大小写转换093
• 8.8实例7——控制文字的大小094
• 8.9实例8——文字的装饰效果095
• 8.10实例9——设置段落首行缩进095
• 8.11实例10——设置字词间距096
• 8.12实例11——设置段落内部的文字行高096
• 8.13实例12——设置段落之间的距离097
• 8.14实例13——控制文本的水平位置097
• 8.15实例14——设置文字与背景的颜色098
• 8.16实例15——设置段落的垂直对齐方式099
• 高手私房菜100
• 第9章文本颜色与效果
• 本章主要是深层次地介绍文本的颜色设置、特殊文本的效果设置以及控制文本间距的操作方法，从而使读者熟练地掌握文本颜色设置和文本效果属性。
• 9.1实例1——文本颜色102
• 9.1.1定义颜色值102
• 9.1.2有效使用颜色103
• 9.2实例2——特殊文本效果104
• 9.2.1text-decoration属性104
• 9.2.2text-transform属性105
• 9.3实例3——控制文本间距107
• 9.3.1letter-spacing属性107
• 9.3.2word-spacing属性108
• 9.3.3white-spacing属性109
• 9.3.4line-height属性111
• 高手私房菜112
• 第10章背景颜色与图像
• 任何一个网页，它的背景颜色和图案往往是给用户的第一印象，因此在页面中控制背景和图案是一个网站设计的重要步骤。本章主要讲述CSS控制背景颜色和图像的方法。
• 10.1实例1——设置背景颜色114
• 10.2实例2——设置背景图像115
• 10.3实例3——设置背景图像平铺116
• 10.4实例4——设置背景图像位置117
• 10.5实例5——设置背景图片位置固定119
• 10.6实例6——设置标题的图像替换119
• 10.7实例7——使用滑动门技术的标题120
• 高手私房菜122
• 第11章图像效果
• 本章通过讲述设置图片边框、图片缩放、图文混排、图片与文字对齐方式等，综合介绍图像的设置方式。
• 11.1实例1——设置图片边框124
• 11.1.1基本属性124
• 11.1.2为不同的边框分别设置样式125
• 11.2实例2——图片缩放126
• 11.3实例3——图文混排127
• 11.3.1文字环绕127
• 11.3.2设置图片与文字的间距128
• 11.4实例4——八大行星科普网页129
• 11.5实例5——设置图片与文字的对齐方式134
• 11.5.1横向对齐方式134
• 11.5.2纵向对齐方式135
• 高手私房菜136
• 第12章网页表格
• 网页表格是网页常见的元素，本章主要围绕表格介绍CSS设置其样式的方法。最后通过实例制作计算机报价表来总结本章的知识点。
• 12.1实例1——创建表格138
• 12.2实例2——控制表格139
• 12.2.1表格中的标记139
• 12.2.2表格的边框141
• 12.2.3表格宽度的确定141
• 12.2.4其他与表格相关的标记142
• 12.3实例3——表格操作144
• 12.3.1合并单元格144
• 12.3.2设置对齐方式145
• 12.3.3用cellpadding属性和cellspacing属性设定距离146
• 12.4实例4——鼠标指针经过时整行变色提示的表格147
• 12.4.1搭建HTML结构147
• 12.4.2在Firefox和IE9中实现鼠标指针经过时整行变色149
• 12.4.3在IE6中实现鼠标指针经过时整行变色149
• 12.5实例5——制作计算机报价表150
• 高手私房菜152
• 第13章链接与项目列表
• 网页中除文字、图像、表格等元素外，还有链接和项目列表。网站来源于链接，从本质上来说网站就是链接。
• 13.1实例1——丰富的链接特效154
• 13.1.1动态超链接154
• 13.1.2按钮式超链接155
• 13.1.3CSS控制鼠标指针156
• 13.1.4浮雕背景超链接158
• 13.1.5让下画线动起来159
• 13.2实例2——项目列表160
• 13.2.1列表的符号160
• 13.2.2图片符号161
• 13.2.3建立有序列表162
• 13.2.4建立无序列表163
• 13.2.5网页列表的应用164
• 高手私房菜166
• 第14章导航菜单
• 一个好的网站，导航菜单是不可缺少的元素之一。导航菜单的基调决定着网站的基调。本章主要介绍各种导航菜单的制作方法。
• 14.1实例1——简单的导航菜单168
• 14.1.1竖直导航菜单168
• 14.1.2横竖自由转换菜单170
• 14.2实例2——水平导航菜单171
• 14.2.1自适应的斜角水平菜单171
• 14.2.2应用滑动门技术的玻璃效果菜单174
• 14.2.3会跳起的多彩菜单176
• 14.3实例3——竖直排列的导航菜单180
• 14.3.1双竖线菜单180
• 14.3.2双斜角横线菜单181
• 14.3.3立体菜单183
• 14.3.4箭头菜单184
• 14.3.5带说明信息的菜单186
• 14.4实例4——下拉菜单187
• 高手私房菜190
• 第15章固定宽度布局
• 本章主要介绍CSS排版的观念和具体方法，包括CSS排版的整体思路、两种具体的排版结构。最后以制作魔术布局来总结分析CSS的布局方法。
• 15.1CSS排版观念192
• 15.1.1MSN的首页192
• 15.1.2Hao123的首页193
• 15.1.3Yahoo的首页193
• 15.2实例1——单列布局194
• 15.2.1放置第一个圆角框194
• 15.2.2设置圆角框的CSS样式195
• 15.2.3放置其他圆角框197
• 15.3实例2——“1-2-1”固定宽度布局198
• 15.3.1准备工作199
• 15.3.2绝对定位法200
• 15.3.3浮动法201
• 15.4实例3——“1-3-1”固定宽度布局202
• 15.5实例4——魔术布局205
• 15.5.1魔术布局设计205
• 15.5.2制作魔术布局207
• 15.5.3修正缺陷211
• 高手私房菜212
• 第16章变宽度布局
• 本章主要讲述常用变宽度布局的制作，变宽度的布局要比固定宽度的布局复杂一些，根本的原因在于宽度不确定，导致很多参数无法确定，必须使用一些技巧来完成。
• 16.1实例1——“1-2-1”变宽度网页布局214
• 16.1.1 “1-2-1”等比例变宽布局214
• 16.1.2 “1-2-1”单列变宽布局215
• 16.2实例2——“1-3-1”变宽度网页布局216
• 16.2.1 “1-3-1”三列宽度等比例布局216
• 16.2.2 “1-3-1”单侧列宽度固定的变宽布局216
• 16.2.3 “1-3-1”中间列宽度固定的变宽布局220
• 16.2.4 “1-3-1”双侧列宽度固定的变宽布局224
• 16.2.5 “1-3-1”中列和侧列宽度固定的变宽布局228
• 16.3实例3——分列布局背景颜色问题232
• 16.3.1设置固定宽度布局的列背景色232
• 16.3.2设置特殊宽度变化布局的列背景色234
• 16.3.3设置单列宽度变化布局的列背景色235
• 16.3.4设置多列等比例宽度变化布局的列背景色237
• 高手私房菜238
• 第17章制作商务类型网页
• 本章主要以制作红酒企业的网页来讲述商务类型网页的制作方法，使读者能掌握制作商务网页的要点。
• 17.1设计整体结构240
• 17.1.1设计分析240
• 17.1.2排版架构240
• 17.2整体设置241
• 17.3设置页头242
• 17.4设置中间部分242
• 17.4.1产品展示242
• 17.4.2新闻中心243
• 17.4.3促销产品245
• 17.5页脚部分245
• 高手私房菜246
• 第18章制作时尚科技类型网页
• 本章主要以制作时尚科技类型网页来讲述企业网页的制作方法，使读者能掌握制作企业型网页的要点。
• 18.1整体布局248
• 18.1.1设计分析248
• 18.1.2排版架构248
• 18.2设计模块组成248
• 18.2.1导航区249
• 18.2.2Banner区250
• 18.2.3资讯区250
• 18.2.4页脚251
• 18.3设置链接252
• 高手私房菜252
• 第19章制作在线购物类型网页
• 网上购物是一种便捷的购物方式，也是目前最火的购物方式。本章主要讲述购物网页的整体布局和模块组成。
• 19.1整体布局254
• 19.1.1设计分析254
• 19.1.2排版架构254
• 19.2设计模块组成254
• 19.2.1导航254
• 19.2.2Banner255
• 19.2.3产品类别256
• 19.2.4页脚256
• 19.3设置链接256
• 高手私房菜256
• 第20章制作娱乐休闲类型网页
• 本章主要介绍娱乐休闲网页制作要点及娱乐休闲网页模块组成，使读者初步了解娱乐休闲网页的制作方法。
• 20.1设置网页背景258
• 20.2整体布局258
• 20.2.1设计分析258
• 20.2.2排版架构258
• 20.3设计模块组成259
• 20.3.1注册259
• 20.3.2导航260
• 20.3.3预告261
• 20.3.4新片262
• 20.3.5页脚263
• 20.4设置链接264
• 高手私房菜264
• 第21章制作适合手机浏览的网页
• 随着智能手机的普及，制作手机网页也成为了网页制作中的重要部分。本章主要以一个简单的手机网页制作来讲述其制作方法。
• 21.1整体布局266
• 21.1.1设计分析266
• 21.1.2排版架构266
• 21.2设计导航菜单266
• 21.3设置模块内容267
• 高手私房菜268