内容简介

　　《图解CSS3：核心技术与案例实战》是CSS3领域的标准性著作，由资深Web前端工程师根据CSS3的全新技术标准撰写。内容极为全面、丰富和翔实，由浅入深地讲解了CSS3新特性的语法、功能和使用技巧，涵盖选择器、边框、背景、文本、颜色、UI、动画、新型盒模型、媒体查询、响应式设计等各种模块；写作方式创新，有趣且易懂，用图解的方式来描述CSS3的每一个特性甚至每一个步骤都配有实战效果图；包含大量案例，实战性强，每个特性都有作者从实践中精心归纳和挑选出来的案例辅助讲解，同时还包含一个综合性的大案例。无论你是完全没有经验的准前端工程师，还是已经有一定经验的前端工程师，如果你想系统学习CSS3，那么《图解CSS3：核心技术与案例实战》将会是你的合适选择；如果你是一位成熟的前端开发工程师，但时常为如何合理地使用某些特性而费时去查阅相关资料。

作者简介

　　廖伟华（网名：大漠），资深Web前端工程师，W3cplus创始人，目前就职于CtripUED。中国Drupal社区核心成员之一。对HTML5、CSS3、XHTML和Sass等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3的研究，是国内zui早研究和使用CSS3技术的一批人。现在还关注Web产品策划、交互设计、SEO以及移动端开发。2012年4月刊的《程序员》杂志上发表文章“TwitterBootstrap：前端框架利器”。

目录

Contents目　录
前　言
第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-letter69
2.10.2　伪元素::first-line70
2.10.3　伪元素::before和::after70
2.10.4　伪元素::selection72
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　伸缩容器设置display222
8.2.2　伸缩流方向box-orient224
8.2.3　布局顺序box-direction226
8.2.4　伸缩换行box-lines229
8.2.5　主轴对齐box-pack232
8.2.6　侧轴对齐box-align237
8.2.7　伸缩性box-flex242
8.2.8　显示顺序box-ordinal-group246
8.2.9　实战体验：box制作自适应的三列等高布局249
8.3　混合版本Flexbox模型的基本使用253
8.3.1　伸缩容器设置display253
8.3.2　伸缩流方向flex-direction254
8.3.3　伸缩换行flex-wrap257
8.3.4　伸缩流方向与换行flex-flow259
8.3.5　主轴对齐flex-pack259
8.3.6　侧轴对齐flex-align262
8.3.7　堆栈伸缩行flex-line-pack266
8.3.8　伸缩性flex271
8.3.9　显示顺序flex-order273
8.4　新版本Flexbox模型的基本使用275
8.4.1　伸缩容器display275
8.4.2　伸缩流方向flex-direction276
8.4.3　伸缩换行flex-wrap276
8.4.4　伸缩流方向与换行flex-flow277
8.4.5　主轴对齐justify-content277
8.4.6　侧轴对齐align-items和align-self278
8.4.7　堆栈伸缩行align-content280
8.4.8　伸缩性flex281
8.4.9　显示顺序order285
8.5　综合案例：跨浏览器的三列布局288
8.6　本章小结292
第9章　CSS3多列布局293
9.1　CSS3多列布局简介293
9.1.1　浏览器兼容性293
9.1.2　CSS3多列布局的属性294
9.2　CSS3多列布局基本属性295
9.2.1　columns属性的语法及参数295
9.2.2　浏览器兼容性295
9.2.3　实战体验：Web页面的多列布局296
9.3　CSS3多列布局列宽属性297
9.3.1　column-width属性的语法及参数297
9.3.2　实战体验：浏览器根据窗口宽度变化调整列数298
9.4　CSS3多列布局列数属性302
9.4.1　column-count属性的语法及参数302
9.4.2　实战体验：显示固定列数302
9.5　CSS3多列布局列间距属性303
9.5.1　column-gap属性的语法及参数304
9.5.2　实战体验：设置列间距304
9.6　CSS3多列布局列边框样式属性306
9.6.1　column-rule属性的语法及参数306
9.6.2　实战体验：设置列边框307
9.7　CSS3多列布局跨列属性309
9.7.1　column-span属性的语法及参数310
9.7.2　实战体验：文章标题跨列显示310
9.8　CSS3多列布局列高度属性311
9.9　本章小结311
☆第10章　CSS3渐变312
10.1　CSS3渐变简介312
10.1.1　什么是色标312
10.1.2　浏览器兼容性313
10.2　CSS3线性渐变314
10.2.1　CSS3线性渐变语法与参数315
10.2.2　CSS3线性渐变的基本用法317
10.2.3　自定义CSS3线性渐变324
10.2.4　实战体验：CSS3制作渐变按钮325
10.3　CSS3径向渐变333
10.3.1　CSS3径向渐变语法333
10.3.2　CSS3径向渐变的属性参数334
10.3.3　CSS3径向渐变的基本用法335
10.3.4　实战体验：CSS3径向渐变制作圆形图标按钮350
10.4　CSS3重复渐变353
10.4.1　CSS3重复线性渐变353
10.4.2　CSS3重复径向渐变354
10.4.3　实战体验：制作记事本纸张效果354
10.5　综合案例：CSS3渐变制作纹理背景355
10.6　本章小结357
第11章　CSS3变形358
11.1　CSS3变形简介358
11.1.1　CSS变形属性及函数358
11.1.2　浏览器兼容性359
11.2　CSS变形属性详解360
11.2.1　transform属性360
11.2.2　transform-origin属性363
11.2.3　transform-style属性370
11.2.4　perspective属性372
11.2.5　perspective-origin属性377
11.2.6　backface-visibility属性380
11.3　CSS32D变形385
11.3.1　2D位移385
11.3.2　2D缩放390

精彩书摘

第1章揭开CSS3的面纱
如果关注前端方面的技术，那么对CSS一定不会陌生，你肯定听说过CSS3。在使用CSS3之前，应该对这个新一代样式表语言的来龙去脉有个基本了解。
在本章中，你将知道CSS3与CSS2.1的区别，以及当前市面上主流浏览器、移动端浏览器对CSS3支持的情况。对于尚不完全支持CSS3的浏览器，将会为大家引入一个渐进增强的概念，用一些CSS方法来模拟CSS3的实现方法。最后给大家简单介绍一些CSS3引入的新特性及其未来的前景。
1.1什么是CSS3
CSS3并不是一门新的语言。如果接触过CSS就知道，CSS是创建网页的另一个独立但并非不重要的一部分。CSS是种层叠样式表，是一种样式语言，用来告诉浏览器如何渲染你的Web页面。
CSS3是CSS规范的最新版本，在CSS2.1的基础上增加了很多强大的新功能，以帮助开发人员解决一些问题，并且不再需要非语义标签、复杂的JavaScript脚本以及图片，例如圆角功能、多背景、透明度、阴影等功能等。CSS2.1是单一的规范，而CSS3被划分成几个模块组，每个模块组都有自己的规范。这样的好处是整个CSS3的规范发布不会因为部分难缠的部分而影响其他模块的推进。
现在先来看看CSS3激动人心的新特性。
1.1.1CSS3的新特性
CSS3规范并不是独立的，它重复了CSS的部分内容，但在其基础上进行了很多的增补与修改。CSS3与之前的几个版本相比，其变化是革命性的，虽然它的部分属性还不能够被浏览器完美的支持，但却让我们看到网页样式发展的前景，让我们更具有方向感、使命感。
CSS3新特性非常多，这里挑选一些被浏览器支持较为完美、更具实用性的新特性。

前言/序言

为什么要写这《图解CSS3：核心技术与案例实战》
　　CSS3是在CSS2.1基础上扩展而来，事实上，它还没有完全成熟。有些专家会告诉你，CSS3现在还用不上，甚至几年之后都不会有成熟的规范发布。
　　目前为止CSS3还没有一套成熟的规范，其中的模块也在不断更新，特别是浏览器对CSS3特性的支持也在不断变化，同时没有足够的时间去学习和研究W3C官方文档和规范，致使我们学习CSS3变得更为复杂。
　　为什么会选择这个时候编写这样一本图书呢？原因很简单。对于希望Web应用开发者而言，CSS3可以说是众望所归，这也是技术变更的硬性需求。在实际Web应用中新标准的采纳程度正在以令人目眩的速度不断地变更着，众多浏览器厂商也在不断加快对CSS3新特性的支持。在编写这本图书的过程中，我也被迫不断更新书中的浏览器支持表格。
　　面对自己正在使用的浏览器，大多数用户并不真正了解其具备的功能有多强大。当然，他们在浏览器自动更新后可能会发现一些细微的界面变化。但他们可能不知道，新版的浏览器对哪些CSS3特性有所支持。
　　《图解CSS3：核心技术与案例实战》的目标是帮助开发者更好地掌握CSS3的特性，并且将新技术运用到实际的开发当中，提高自己开发Web程序的水平。
《图解CSS3：核心技术与案例实战》面向的读者
　　有一定CSS3开发经验的前端工程师。
　　《图解CSS3：核心技术与案例实战》能帮助你系统掌握CSS3的各项知识，提升技术水平和业务能力。
　　从事CSS3开发的前端工程师。
　　由于CSS3涵盖的新特性非常多，在开发过程中将《图解CSS3：核心技术与案例实战》作为速查手册，提高开发效率。
　　前端开发爱好者。
　　如果还不是一名前端工程师，但是对前端开发非常感兴趣，《图解CSS3：核心技术与案例实战》也能让你对最新的CSS标准和规范有一个系统和全面的认识，为学习前端知识打下基础。
《图解CSS3：核心技术与案例实战》的特色
　　《图解CSS3：核心技术与案例实战》最大的特色就是将CSS3特性按模块功能分类，通过理论、图解、实战的方式向大家阐释CSS3每个特性功能。
　　内容全面、丰富、翔实。
　　由浅到深地讲解了CSS3新特性的语法、特性以及使用技巧。《图解CSS3：核心技术与案例实战》涵盖了CSS3众多功能模块，如CSS3选择器特性、边框模块、文本模块、颜色模块、UI界面模块、CSS3动画模块、CSS新型盒模型以及CSS媒体查询、响应式设计等。
　　图解方式，直观易懂。
　　图解的方式是本写的最大特色之一，在描述每一个CSS3特性过程都配了生动的实战效果，甚至每一步骤都配有相应的效果图。就算是你对文字理解或者代码理解有所误差，实战效果图能辅助你更好地理解CSS3每个特性。
　　案例丰富，实战性强。
　　每个CSS3特性都配有实战体验，部分案例来自于实际开发之中。同时在每个知识点之后，还提供了综合案例。通过实践加强动手能力，更好地掌握CSS3中的每个知识点。
　　动手实践才是掌握一门新技术最有效的途径。如果能在阅读《图解CSS3：核心技术与案例实战》的过程中逐一亲手实现这些案例，那么在以后的实际开发中自然就会具有相当强的动手能力了。
《图解CSS3：核心技术与案例实战》的内容
　　《图解CSS3：核心技术与案例实战》包括15章，通过实例来演示CSS3模块的新特性。
　　第1章简单介绍什么是CSS3，CSS3的好处是什么，浏览器对CSS3的支持状况，以及CSS3带来什么新特性，并且引入渐进增强式的概念。通过对本章的学习，大家可以在一定的程度上知道一些CSS3的故事。
　　第2章介绍CSS3选择器。选择器是CSS中的核心部分之一，本章先阐述CSS2的选择器，再引入CSS3新增的选择器。深入介绍了CSS3新增选择器的功能及其实用性，还有各浏览器的兼容性。
　　第3章详细介绍CSS3在边框方面新增的功能特性，比如边框色、图片边框、边框圆角等，并与CSS2进行了对比。
　　第4章介绍CSS3背景功能，着重阐述了多背景、背景尺寸、背景原点方面的使用，以让大家掌握如何使用CSS3背景功能的新特性。
　　第5章介绍CSS3文本功能。以前大家在网页制作时，只是设置文本的颜色、字体、字号等。通过对CSS3文本功能的学习，大家还可以运用文本阴影、文本溢出、文本换行等功能。
　　第6章介绍CSS3颜色特性。大家以前只有在设计软件中使用的颜色值现在都可以运用，如RGBA、HSL、HSLA、透明度等。
　　第7章介绍CSS3基础盒模型与用户界面。盒模型是CSS的重中之重，CSS2盒模型功能只能实现一些基本功能，对于一些特殊的功能需要借助JavaScript来实现。而在CSS3中这一点将得到很大的改善，可以通过CSS3来直接实现一些特殊的功能。
　　第8章介绍CSS3的弹性盒模型，给大家引入一种全新的布局概念，为大家的页面布局带来革命性的变化。
　　第9章介绍CSS3多列布局。布局在Web中随处可见，多列布局在CSS2中都是依靠float或者inline-block来实现的，而这两个属性带来的局限性也是相当大的。CSS3多列布局将会弥补这些不足之处。
　　第10章介绍CSS3渐变功能。渐变效果在Web中也是一种常见的效果，以前靠设计师制作图片来完成，不仅增加了设计师的工作量，在页面中的效果也带来过多的局限制，扩展性也相当差。CSS3渐变不再需要使用图片来代替这些特殊的效果。
　　第11章介绍CSS3变形功能。这是一个全新的功能，在CSS2中要实现需要借助JavaScript。CSS3的变形功能可以直接使用样式实现如旋转、移位、扭曲、缩放等效果。
　　第12章介绍CSS3过渡功能。大家在Web制作中，使过渡效果不再生硬，变得细腻、流畅。
　　第13章介绍CSS3动画功能。
　　第14章介绍MediaQuery与Responsive布局。随着移动设备和宽屏浏览器的普及，单一的设计不能满足Web页面的设计需求，此时CSS3的MediaQuery新特性中出现了一个新的布局概念——Responsive。本章中大家将体会到MediaQuery与Responsive布局的强大功能。
　　第15章介绍嵌入Web字体。浏览器仅限于用户在其系统上安装的字体呈现文本。CSS3使用@font-face改变了这一格局。网站不再受限于少量字体，如Arial、Verdana、Times和Georgia等。
如何阅读《图解CSS3：核心技术与案例实战》
　　《图解CSS3：核心技术与案例实战》结构不是按层进式安排的，章节之间是按CSS3的模块分类，读者阅读《图解CSS3：核心技术与案例实战》时无须按照先后顺序进行，可以挑选自己喜欢的章节阅读。但如果按章节的编排顺序逐章阅读，会更系统、更全面地学习CSS3，从中获得最大受益。
　　阅读《图解CSS3：核心技术与案例实战》的案例时，尽量不要照抄书中的代码，在理解案例的设计思路基础上，自己动手开发相似功能的应用，并创造出满足自己需求的功能，举一反三。
《图解CSS3：核心技术与案例实战》中使用的约定
　　《图解CSS3：核心技术与案例实战》案例已在主流浏览器上进行过测试了。分别是：Firefox12.0、GoogleChrome19.0.1084.52、Safari5.17、Opera11.64、IE9。
　　同时在一些广泛使用的旧版本浏览器（如IE8）上也做了测试。很多情况下，CSS3的效果也能体现在较低版本上，页面能保持正常阅读，而且效果也不会太差。对于每一个CSS3特性，将尽可能地为低版本浏览器寻求变通的备用方案，使之能兼容那些不被原生支持的浏览器。
　　针对每个浏览器版本，我们会标注相对应的属性在哪个版本号中开始支持。一些CSS3特性需要添加相应浏览器的渲染引擎的前缀才会生效，我们将会在后面的章节中依次介绍各浏览器的渲染引擎的前缀名称，以及CSS3特性在对应浏览器下的写法。
　　在阅读《图解CSS3：核心技术与案例实战》时有些约定，有必要在这里先说明。
　　W3C表示万维网联盟（WorldWideWebConsortium），是制定Web官方标准和规范（如CSS3）的组织。
　　初始值（即默认值）是用户不显式声明时元素所具有的属性值。需特别指明的是，属性是元素的本质，而不是用户自定义的属性。
　　IE8及以下版本代表IE8、IE7和IE6。
　　Webkit引擎内核的浏览器是指Safari（包括移动版本和桌面版本）、GoogleChrome和其他近期使用版本的Webkit页面渲染引擎的浏览器，其私有属性的前缀是-webkit-。
　　Gecko引擎内核的浏览器是指Mozilla，常指的是Firefox浏览器，其私有属性的前端缀是-moz-。
　　Presto引擎内核的浏览器是指Opera，其私有属性的前缀是-o-。
　　KHTML引擎内核的浏览器是指Konqueror，其私有属性的前缀是-khtml-。
　　Trident引擎内核的浏览器是指InternetExplorer，其私有属性的前缀是-ms-。
　　在没有特别声明的情况下，《图解CSS3：核心技术与案例实战》所指的浏览器仅适用于Windows系统，不适用于Mac系统和移动端。
　　偶尔会碰到“所有浏览器”这个说法，此时仅代表目前所有广泛使用的浏览器，而并非字面意义所涵盖的那些可能仅占零星市场份额的不知名的浏览器。
　　“HTML”指HTML和XHTML这两种语言。
　　“CSS”指CSS2.1规范，除非特别声明。
　　《图解CSS3：核心技术与案例实战》所有案例代码都是以HTML5的DTD编写。但这仅仅表示使用短小精悍的HTML5文档声明，还有更简洁的meta字符编码、style和script标签。没有使用任何HTML5的新标签，比如section、header、nav和article，所以页面可以在IE8及以下版本正常运行，可以在自己的页面里将其更换为喜欢的标签。所有示例也同样兼容HTML4.01和XHTML1.0。
　　为了方便阅读，《图解CSS3：核心技术与案例实战》中的部分案例代码仅提供了CSS样式代码和局部HTML代码，所有CSS实例代码必须置于一个外部样式文件或HTML文档的标签内。
　　由于CSS3技术还在不断的完善与更新中，建议根据《图解CSS3：核心技术与案例实战》提供的参考地址，获取有关CSS3最新信息与更新。
勘误和支持
　　由于作者的水平有限，编写时间仓促，书中难免会出现一些错误或者不准确的地方，恳请读者批评指正。为此，我特意创建了一个在线支持站点http://www.w3cplus.com/book-comment.html。大家可以将书中的错误发布在页面的评论中，遇到任何问题，可以留言或者发送邮件到w3cplus@hotmail.com，我将尽量提供最满意的答案。大家还可以关注微信公众账号ednote进入“第三极社区”微社区与广大读者和《图解CSS3：核心技术与案例实战》作者互动。书中的全部源文件可以从华章网站（http://www.hzbook.com）下载，我也会将相应的功能及时更正。期待能够得到你们真挚反馈。



其他推荐