图解CSS3：核心技术与案例实战 (Web开发技术丛书)
- 体积：17.21 MB
- 语言：中文
- 日期：2017-02-03
- 推荐：人
简介：《图解CSS3:核心技术与案例实战》是国内著名的Web前端专家历时两载的心血之作，根据最新的CSS3撰写，融入了作者在CSS领域近10年的使用经验，旨在将本书打造成为CSS3领域最权威和实用的专业著作，供没有经验的读者系统学习，供有经验的读者参考备查。《图解CSS3:核心技术与案例实战》理论知识系统全面，详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性，所有这些都巧妙地融入到案例中，而不是纯粹枯燥的理论讲解；讲解方式直观易懂，以图解的方式巧妙地展示了这些新特性；实战性强，既为每个知识点精心设计了小案例，也有综合性的大案例，所有案例都非常详尽，有功能需求分析、设计思路和完整代码，还有最终的效果展示。
这些资源你可能感兴趣
内容简介
本书是CSS3领域的标准性著作，由资深Web前端工程师根据CSS3的最新技术标准撰写。内容极为全面、丰富和翔实，由浅入深地讲解了CSS3新特性的语法、功能和使用技巧，涵盖选择器、边框、背景、文本、颜色、UI、动画、新型盒模型、媒体查询、响应式设计等各种模块；写作方式创新，有趣且易懂，用图解的方式来描述CSS3的每一个特性甚至每一个步骤都配有实战效果图；包含大量案例，实战性强，每个特性都有作者从实践中精心归纳和挑选出来的案例辅助讲解，同时还包含一个综合性的大案例。无论你是完全没有经验的准前端工程师，还是已经有一定经验的前端工程师，如果你想系统学习CSS3，那么本书将会是你的最佳选择；如果你是一位成熟的前端开发工程师，但时常为如何合理地使用某些特性而费时去查阅相关资料，那么本书也是你的不二选择。
作者简介
廖伟华（网名：大漠），资深Web前端工程师，W3cplus创始人，目前就职于Ctrip UED。中国Drupal社区核心成员之一。对HTML5、CSS3、XHTML和Sass等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3的研究，是国内最早研究和使用CSS3技术的一批人。现在还关注Web产品策划、交互设计、SEO以及移动端开发。2012年4月刊的《程序员》杂志上发表文章“Twitter Bootstrap：前端框架利器”。
目录
前言
第1章 揭开CSS3的面纱 1
1.1 什么是CSS31
1.1.1 CSS3的新特性 2
1.1.2 CSS3的发展状况 4
1.1.3 现在能使用CSS3吗 5
1.1.4 使用CSS3有什么好处 5
1.2 浏览器对CSS3的支持状况 6
1.2.1 经典回顾：图说浏览器大战 7
1.2.2 浏览器的市场份额 8
1.2.3 主流浏览器对CSS3支持状况 9
1.3 渐进增强 11
1.3.1 渐进增强与优雅降级 11
1.3.2 渐进增强的优点 12
1.4 CSS3的现状及未来 13
1.4.1 谁在使用CSS313
1.4.2 CSS3的未来 14
1.5 本章小结 14
第2章 CSS3选择器 15
2.1 认识CSS选择器 15
2.1.1 CSS3选择器的优势 15
2.1.2 CSS3选择器分类 16
2.2 基本选择器 16
2.2.1 基本选择器语法 16
2.2.2 浏览器兼容性 17
2.2.3 实战体验：使用基本选择器 17
2.2.4 通配选择器 18
2.2.5 元素选择器 18
2.2.6 ID选择器 18
2.2.7 类选择器 19
2.2.8 群组选择器 20
2.3 层次选择器 21
2.3.1 层次选择器语法 21
2.3.2 浏览器兼容性 21
2.3.3 实战体验：使用层次选择器选择元素 21
2.3.4 后代选择器 23
2.3.5 子选择器 23
2.3.6 相邻兄弟选择器 24
2.3.7 通用兄弟选择器 25
2.4 动态伪类选择器 25
2.4.1 动态伪类选择器语法 26
2.4.2 浏览器兼容性 26
2.4.3 实战体验：美化按钮 27
2.5 目标伪类选择器 29
2.5.1 目标伪类选择器语法 29
2.5.2 浏览器兼容性 30
2.5.3 实战体验：制作手风琴效果 30
2.6 语言伪类选择器 33
2.6.1 语言伪类选择器语法 33
2.6.2 浏览器兼容性 34
2.6.3 实战体验：定制不同语言版本引文风格 34
2.7 UI元素状态伪类选择器 36
2.7.1 UI元素状态伪类选择器语法 36
2.7.2 浏览器兼容性 36
2.7.3 实战体验：Bootstrap的表单元素UI状态 37
2.8 结构伪类选择器 41
2.8.1 重温HTML的DOM树 41
2.8.2 结构伪类选择器语法 42
2.8.3 浏览器兼容性 43
2.8.4 结构伪类选择器中的n是什么 44
2.8.5 结构伪类选择器的使用方法详解 47
2.8.6 实战体验：CSS3美化表格 61
2.9 否定伪类选择器 66
2.9.1 否定伪类选择器语法 66
2.9.2 浏览器兼容性 67
2.9.3 实战体验：改变图片效果 67
2.10 伪元素 69
2.10.1 伪元素 first—letter 69
2.10.2 伪元素 first—line 70
2.10.3 伪元素 before和after 70
2.10.4 伪元素 selection 72
2.11 属性选择器 73
2.11.1 属性选择器语法 73
2.11.2 浏览器兼容性 74
2.11.3 属性选择器的使用方法详解 75
2.11.4 实战体验：创建个性化链接样式 81
2.12 本章小结 84
第3章 CSS3边框 85
3.1 CSS3边框简介 85
3.1.1 边框的基本属性 85
3.1.2 边框的类型 86
3.1.3 谁在使用CSS3边框 88
3.2 CSS3边框颜色属性 88
3.2.1 border—color属性的语法及参数 88
3.2.2 浏览器兼容性 90
3.2.3 border—color属性的优势 90
3.2.4 实战体验：立体渐变边框效果 91
3.3 CSS3图片边框属性 91
3.3.1 border—image属性的语法及参数 92
3.3.2 border—image属性使用方法 92
3.3.3 浏览器兼容性 99
3.3.4 border—image属性的优势 100
3.3.5 实战体验：按钮圆角阴影效果 100
3.4 CSS3圆角边框属性 105
3.4.1 border—radius属性的语法及参数 105
3.4.2 border—radius属性使用方法 107
3.4.3 浏览器兼容性 114
3.4.4 border—radius属性的优势 115
3.4.5 实战体验：制作特殊图形 115
3.5 CSS3盒子阴影属性 118
3.5.1 box—shadow属性的语法及参数 118
3.5.2 box—shadow属性使用方法 119
3.5.3 浏览器兼容性 129
3.5.4 box—shadow属性的优势 130
3.5.5 实战体验：制作3D搜索表单 130
3.6 本章小结 133
第4章 CSS3背景 134
4.1 CSS3背景属性简介 134
4.1.1 背景的基本属性 134
4.1.2 与背景相关的新增属性 137
4.2 CSS3背景原点属性 137
4.2.1 background—origin属性的语法及参数 137
4.2.2 background—origin属性使用方法 138
4.2.3 浏览器兼容性 140
4.3 CSS3背景裁切属性 141
4.3.1 background—clip属性的语法及参数 141
4.3.2 background—clip属性使用方法 143
4.3.3 浏览器兼容性 147
4.4 CSS3背景尺寸属性 148
4.4.1 background—size属性的语法及参数 148
4.4.2 background—size属性使用方法 149
4.4.3 浏览器兼容性 152
4.4.4 实战体验：制作全屏背景 153
4.5 内联元素背景图像平铺循环方式 154
4.6 CSS3多背景属性 154
4.6.1 CSS3多背景语法及参数 155
4.6.2 CSS3多背景的优势 156
4.6.3 浏览器兼容性 156
4.6.4 实战体验：制作花边框 157
4.7 本章小结 159
第5章 CSS3文本 160
5.1 CSS3文本简介 160
5.2 CSS3文本阴影属性 161
5.2.1 text—shadow属性的语法及参数 162
5.2.2 浏览器兼容性 162
5.2.3 实战体验：制作立体文本 163
5.3 CSS3溢出文本属性 166
5.3.1 text—overflow属性的语法及参数 166
5.3.2 浏览器兼容性 166
5.3.3 text—overflow属性使用方法 167
5.3.4 实战体验：制作固定区域的博客列表 168
5.4 CSS3文本换行 170
5.4.1 word—wrap属性 170
5.4.2 word—break属性 173
5.4.3 white—space属性 177
5.4.4 文本换行技巧 179
5.4.5 文本换行技术对比 180
5.5 本章小结 180
☆第6章 CSS3颜色特性 181
6.1 网页中的色彩特性 181
6.1.1 网页色彩的表现原理 181
6.1.2 Web页面的安全色 182
6.1.3 色彩模式 183
6.2 CSS3透明属性 184
6.2.1 opacity属性的语法及参数 184
6.2.2 opacity浏览器兼容性 185
6.2.3 实战体验：制作透明过渡色块 185
6.3 CSS3颜色模式 187
6.3.1 RGBA颜色模式 187
6.3.2 HSL颜色模式 190
6.3.3 HSLA颜色模式 194
6.3.4 RGBA和HSLA颜色模式之间的选择 196
6.3.5 RGBA／HSLA的IE兼容方案 196
6.3.6 RGBA／HSLA滤镜格式 197
6.4 本章小结 197
第7章 CSS3盒模型 198
7.1 CSS盒模型简介 198
7.1.1 什么是盒模型 198
7.1.2 重置盒模型解析模式 199
7.2 CSS3盒模型属性 200
7.2.1 box—sizing属性的语法及参数 200
7.2.2 浏览器兼容性 201
7.2.3 实战体验：box—sizing拯救了布局 202
7.3 CSS3内容溢出属性 209
7.3.1 overflow—x和overflow—y属性的语法及参数 209
7.3.2 浏览器兼容性 209
7.4 CSS3自由缩放属性 210
7.4.1 resize属性的语法及参数 210
7.4.2 浏览器兼容性 210
7.4.3 实战体验：修改文本域随意调整大小的功能 210
7.5 CSS3外轮廓属性 211
7.5.1 outline属性的语法及参数 211
7.5.2 浏览器兼容性 212
7.5.3 outline和border的对比 212
7.5.4 实战体验：模仿边框效果 213
7.6 本章小结 213
第8章 CSS3伸缩布局盒模型 214
8.1 Flexbox模型基础知识 214
8.1.1 CSS中的布局模式 214
8.1.2 Flexbox模型的功能 215
8.1.3 Flexbox模型中的术语 215
8.1.4 Flexbox模型规范状态 218
8.1.5 Flexbox模型浏览器兼容性 218
8.1.6 Flexbox模型语法变更 219
8.2 旧版本Flexbox模型的基本使用 221
8.2.1 伸缩容器设置display 222
8.2.2 伸缩流方向box—orient 224
8.2.3 布局顺序box—direction 226
8.2.4 伸缩换行box—lines 229
8.2.5 主轴对齐box—pack 232
8.2.6 侧轴对齐box—align 237
8.2.7 伸缩性box—flex 242
8.2.8 显示顺序box—ordinal—group 246
8.2.9 实战体验：box制作自适应的三列等高布局 249
8.3 混合版本Flexbox模型的基本使用 253
8.3.1 伸缩容器设置display 253
8.3.2 伸缩流方向flex—direction 254
8.3.3 伸缩换行flex—wrap 257
8.3.4 伸缩流方向与换行flex—flow 259
8.3.5 主轴对齐flex—pack 259
8.3.6 侧轴对齐flex—align 262
8.3.7 堆栈伸缩行flex—line—pack 266
8.3.8 伸缩性flex 271
8.3.9 显示顺序flex—order 273
8.4 新版本Flexbox模型的基本使用 275
8.4.1 伸缩容器display 275
8.4.2 伸缩流方向flex—direction 276
8.4.3 伸缩换行flex—wrap 276
8.4.4 伸缩流方向与换行flex—flow 277
8.4.5 主轴对齐justify—content 277
8.4.6 侧轴对齐align—items和align—self 278
8.4.7 堆栈伸缩行align—content 280
8.4.8 伸缩性flex 281
8.4.9 显示顺序order 285
8.5 综合案例：跨浏览器的三列布局 288
8.6 本章小结 292
……
第9章 CSS3多列布局 293
第10章 CSS3渐变 312
第11章 CSS3变形 358
第12章 CSS3过渡 417
第13章 CSS3动画 450
第14章 媒体特性与Responsive设计 465
第15章 嵌入Web字体 476
本书评论