图解CSS 3核心技术与案例实战
相关资料
[
css3在前端开发中的重要性毋庸置疑，这些年来，新的css3规范在不断演进和完善，但是一直没有确定的规范。从技术标准的角度来讲，本书应该是目前版本最新的；从知识点的涵盖面来讲，本书也是同类书中最全面的。更难得的是，为了便于读者理解，作者用大量直观的图示替代了枯燥的文字，采用了图解的方式来讲解，相信这应该会很受读者欢迎。此外，本书还包含大量实战案例，理论与实践相结合。如果你要系统学习css3或者在开发中还不能熟练使用它，强烈推荐这本书给你。
——51cto（www.51cto.com） 中国领先的it技术网站
]
本书特色
[
本书是国内著名的web前端专家历时2载的心血之作，根据*新的css3撰写，融入了作者在css领域近10年的使用经验，旨在将本书打造成为css3领域*权威和实用的专业著作，供没有经验的读者系统学习，供有经验的读者参考备查。
本书理论知识系统全面，详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应web设计、web字体等主题下涵盖的所有css3新特性，所有这些都巧妙地融入到案例中，而不是枯燥的理论讲解；讲解方式直观易懂，以图解的方式巧妙地展示了这些新特性；实战性强，既为每个知识点精心设计了小案例，也有综合性的大案例，所有案例都非常详尽，有功能需求分析、设计思路和完整代码，还有*终的效果展示。
]
内容简介
[
（1） 资深web前端专家历时2载的经验与心血之作，旨在根据*新css3规范撰写*权威的css3学习资料和备查手册（2） 理论知识系统且全面，以图解的方式讲解css3的各项功能和特性，包含大量实战案例，直观易懂，实战性强
]
作者简介
[
廖伟华（网名：大漠）资深Web前端工程师，W3cplus(http://www.w3cplus.com)创始人，目前就职于CtripUED。中国Drupal社区核心成员之一。对HTML5、CSS3和XHTML，Sass等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3的研究，是国内最早研究和使用CSS3技术的一批人。现在还关注Web产品策划、交互设计、SEO以及移动端开发。2012年4月份期刊发表《TwitterBootstrap:前端框架利器》。
]
目录
前言第1章揭开css3的面纱1.1什么是css1.1.1css3的新特性1.1.2css3的发展状况1.1.3现在能使用css3吗1.1.4使用css3有什么好处1.2浏览器对css3的支持状况1.2.1经典回顾：图说浏览器大战1.2.2浏览器的市场份额1.2.3主流浏览器对css3支持状况1.3渐进增强1.3.1渐进增强与优雅降级1.3.2渐进增强的优点1.4css3的现状及未来1.4.1谁在使用css1.4.2css3的未来1.5本章小结第2章css3选择器2.1认识css选择器2.1.1css3选择器的优势2.1.2css3选择器分类2.2基本选择器2.2.1基本选择器语法2.2.2浏览器兼容性2.2.3实战体验：使用基本选择器2.2.4通配选择器2.2.5元素选择器2.2.6id选择器2.2.7类选择器2.2.8群组选择器2.3层次选择器2.3.1层次选择器语法2.3.2浏览器兼容性2.3.3实战体验：使用层次选择器选择元素2.3.4后代选择器2.3.5子选择器2.3.6相邻兄弟选择器2.3.7通用兄弟选择器2.4动态伪类选择器2.4.1动态伪类选择器语法2.4.2浏览器兼容性2.4.3实战体验：美化按钮2.5目标伪类选择器2.5.1目标伪类选择器语法2.5.2浏览器兼容性2.5.3实战体验：制作手风琴效果2.6语言伪类选择器2.6.1语言伪类选择器语法2.6.2浏览器兼容性2.6.3实战体验：定制不同语言版本引文风格2.7ui元素状态伪类选择器2.7.1ui元素状态伪类选择器语法2.7.2浏览器兼容性2.7.3实战体验：bootstrap的表单元素ui状态2.8结构伪类选择器2.8.1重温html的dom树2.8.2结构伪类选择器语法2.8.3浏览器兼容性2.8.4结构伪类选择器中的n是什么2.8.5结构伪类选择器的使用方法详解2.8.6实战体验：css3美化表格2.9否定伪类选择器2.9.1否定伪类选择器语法2.9.2浏览器兼容性2.9.3实战体验：改变图片效果2.10伪元素2.10.1伪元素::first-letter2.10.2伪元素::first-line2.10.3伪元素::before和::after2.10.4伪元素::selection2.11属性选择器2.11.1属性选择器语法2.11.2浏览器兼容性2.11.3属性选择器的使用方法详解2.11.4实战体验：创建个性化链接样式2.12本章小结第3章css3边框3.1css3边框简介3.1.1边框的基本属性3.1.2边框的类型3.1.3谁在使用css3边框3.2css3边框颜色属性3.2.1border-color属性的语法及参数3.2.2浏览器兼容性3.2.3border-color属性的优势3.2.4实战体验：立体渐变边框效果3.3css3图片边框属性3.3.1border-image属性的语法及参数3.3.2border-image属性使用方法3.3.3浏览器兼容性3.3.4border-image属性的优势3.3.5实战体验：按钮圆角阴影效果3.4css3圆角边框属性3.4.1border-radius属性的语法及参数3.4.2border-radius属性使用方法3.4.3浏览器兼容性3.4.4border-radius属性的优势3.4.5实战体验：制作特殊图形3.5css3盒子阴影属性3.5.1box-shadow属性的语法及参数3.5.2box-shadow属性使用方法3.5.3浏览器兼容性3.5.4box-shadow属性的优势3.5.5实战体验：制作3d搜索表单3.6本章小结第4章css3背景4.1css3背景属性简介4.1.1背景的基本属性4.1.2与背景相关的新增属性4.2css3背景原点属性4.2.1background-origin属性的语法及参数4.2.2background-origin属性使用方法4.2.3浏览器兼容性4.3css3背景裁切属性4.3.1background-clip属性的语法及参数4.3.2background-clip属性使用方法4.3.3浏览器兼容性4.4css3背景尺寸属性4.4.1background-size属性的语法及参数4.4.2background-size属性使用方法4.4.3浏览器兼容性4.4.4实战体验：制作全屏背景4.5内联元素背景图像平铺循环方式4.6css3多背景属性4.6.1css3多背景语法及参数4.6.2css3多背景的优势4.6.3浏览器兼容性4.6.4实战体验：制作花边框4.7本章小结第5章css3文本5.1css3文本简介5.2css3文本阴影属性5.2.1text-shadow属性的语法及参数5.2.2浏览器兼容性5.2.3实战体验：制作立体文本5.3css3溢出文本属性5.3.1text-overflow属性的语法及参数5.3.2浏览器兼容性5.3.3text-overflow属性使用方法5.3.4实战体验：制作固定区域的博客列表5.4css3文本换行5.4.1word-wrap属性5.4.2word-break属性5.4.3white-space属性5.4.4文本换行技巧5.4.5文本换行技术对比5.5本章小结第6章css3颜色特性6.1网页中的色彩特性6.1.1网页色彩的表现原理6.1.2web页面的安全色6.1.3色彩模式6.2css3透明属性6.2.1opacity属性的语法及参数6.2.2opacity浏览器兼容性6.2.3实战体验：制作透明过渡色块6.3css3颜色模式6.3.1rgba颜色模式6.3.2hsl颜色模式6.3.3hsla颜色模式6.3.4rgba和hsla颜色模式之间的选择6.3.5rgba/hsla的ie兼容方案6.3.6rgba/hsla滤镜格式6.4本章小结第7章css3盒模型7.1css盒模型简介7.1.1什么是盒模型7.1.2重置盒模型解析模式7.2css3盒模型属性7.2.1box-sizing属性的语法及参数7.2.2浏览器兼容性7.2.3实战体验：box-sizing拯救了布局7.3css3内容溢出属性7.3.1overflow-x和overflow-y属性的语法及参数7.3.2浏览器兼容性7.4css3自由缩放属性7.4.1resize属性的语法及参数7.4.2浏览器兼容性7.4.3实战体验：修改文本域随意调整大小的功能7.5css3外轮廓属性7.5.1outline属性的语法及参数7.5.2浏览器兼容性7.5.3outline和border的对比7.5.4实战体验：模仿边框效果7.6本章小结第8章css3伸缩布局盒模型8.1flexbox模型基础知识8.1.1css中的布局模式8.1.2flexbox模型的功能8.1.3flexbox模型中的术语8.1.4flexbox模型规范状态8.1.5flexbox模型浏览器兼容性8.1.6flexbox模型语法变更8.2旧版本flexbox模型的基本使用8.2.1伸缩容器设置display8.2.2伸缩流方向box-orient8.2.3布局顺序box-direction8.2.4伸缩换行box-lines8.2.5主轴对齐box-pack8.2.6侧轴对齐box-align8.2.7伸缩性box-flex8.2.8显示顺序box-ordinal-group8.2.9实战体验：box制作自适应的三列等高布局8.3混合版本flexbox模型的基本使用8.3.1伸缩容器设置display8.3.2伸缩流方向flex-direction8.3.3伸缩换行flex-wrap8.3.4伸缩流方向与换行flex-flow8.3.5主轴对齐flex-pack8.3.6侧轴对齐flex-align8.3.7堆栈伸缩行flex-line-pack8.3.8伸缩性flex8.3.9显示顺序flex-order8.4新版本flexbox模型的基本使用8.4.1伸缩容器display8.4.2伸缩流方向flex-direction8.4.3伸缩换行flex-wrap8.4.4伸缩流方向与换行flex-flow8.4.5主轴对齐justify-content8.4.6侧轴对齐align-items和align-self8.4.7堆栈伸缩行align-content8.4.8伸缩性flex8.4.9显示顺序order8.5综合案例：跨浏览器的三列布局8.6本章小结第9章css3多列布局9.1css3多列布局简介9.1.1浏览器兼容性9.1.2css3多列布局的属性9.2css3多列布局基本属性9.2.1columns属性的语法及参数9.2.2浏览器兼容性9.2.3实战体验：web页面的多列布局9.3css3多列布局列宽属性9.3.1column-width属性的语法及参数9.3.2实战体验：浏览器根据窗口宽度变化调整列数9.4css3多列布局列数属性9.4.1column-count属性的语法及参数9.4.2实战体验：显示固定列数9.5css3多列布局列间距属性9.5.1column-gap属性的语法及参数9.5.2实战体验：设置列间距9.6css3多列布局列边框样式属性9.6.1column-rule属性的语法及参数9.6.2实战体验：设置列边框9.7css3多列布局跨列属性9.7.1column-span属性的语法及参数9.7.2实战体验：文章标题跨列显示9.8css3多列布局列高度属性9.9本章小结第10章css3渐变10.1css3渐变简介10.1.1什么是色标10.1.2浏览器兼容性10.2css3线性渐变10.2.1css3线性渐变语法与参数10.2.2css3线性渐变的基本用法10.2.3自定义css3线性渐变10.2.4实战体验：css3制作渐变按钮10.3css3径向渐变10.3.1css3径向渐变语法10.3.2css3径向渐变的属性参数10.3.3css3径向渐变的基本用法10.3.4实战体验：css3径向渐变制作圆形图标按钮10.4css3重复渐变10.4.1css3重复线性渐变10.4.2css3重复径向渐变10.4.3实战体验：制作记事本纸张效果10.5综合案例：css3渐变制作纹理背景10.6本章小结第11章css3变形11.1css3变形简介11.1.1css变形属性及函数11.1.2浏览器兼容性11.2css变形属性详解11.2.1transform属性11.2.2transform-origin属性11.2.3transform-style属性11.2.4perspective属性11.2.5perspective-origin属性11.2.6backface-visibility属性11.3css32d变形11.3.12d位移11.3.22d缩放11.3.32d旋转11.3.42d倾斜11.3.52d矩阵11.4css33d变形11.4.13d位移11.4.23d缩放11.4.33d旋转11.4.43d矩阵11.5多重变形11.5.12d多重变形制作立方体11.5.23d多重变形制作立方体11.6综合案例：3d变形制作产品信息展示11.7本章小结第12章css3过渡12.1css3过渡简介12.1.1如何创建简单的过渡12.1.2浏览器兼容性12.1.3css3过渡属性12.2css3过渡子属性详解12.2.1指定过渡属性transition-property12.2.2指定过渡所需时间transition-duration12.2.3指定过渡函数transition-timing-function12.2.4指定过渡延迟时间transition-delay12.2.5多个css3过渡效果12.3css3触发过渡12.3.1伪元素触发12.3.2媒体查询触发12.3.3javascript触发12.4css3过渡技巧12.4.1一个完整的过渡12.4.2可过渡的属性12.4.3优先的过渡属性12.4.4过渡的开始和结束为auto12.4.5隐式过渡12.4.6开关状态的不同过渡方式12.4.7几乎无限延迟的过渡12.4.8通过硬件加速过渡更加流畅12.4.9过渡和伪元素12.5综合案例：纯css3制作cssdock导航效果12.6本章小结第13章css3动画13.1css3动画简介13.1.1浏览器兼容性13.1.2css3动画属性13.2关键帧13.2.1@keyframes的作用13.2.2@keyframes的语法13.2.3浏览器兼容性13.3css中为元素应用动画13.3.1使用@keyframes声明动画13.3.2调用@keyframes声明的动画13.4css3动画子属性详解13.4.1调用动画animation-name13.4.2设置动画播放时间animation-duration13.4.3设置动画播放方式animation-timing-function13.4.4设置动画开始播放的时间animation-delay13.4.5设置动画播放次数animation-iteration-count13.4.6设置动画播放方向animation-direction13.4.7设置动画的播放状态animation-play-state13.4.8设置动画时间外属性animation-fill-mode13.5综合案例：全屏slidershow效果13.6本章小结第14章媒体特性与responsive设计14.1媒体类型14.1.1mediatype设备类型14.1.2媒体类型引用方法14.2媒体特性14.2.1mediaquery和css属性集合14.2.2常用mediaquery设备特性14.2.3浏览器兼容性14.2.4mediaquery使用方法14.3responsive布局概念14.3.1responsive设计特点14.3.2responsive中的术语14.3.3responsive布局技巧14.3.4meta标签14.4本章小结第15章嵌入web字体15.1@font-face模块介绍15.1.1浏览器兼容性15.1.2@font-face语法15.1.3使用字体图标的优势15.2实现@font-face15.2.1使用@font-face自定义字体15.2.2声明字体来源15.2.3创建各种字体15.2.4调用字体15.3综合案例：将图标转换成web字体15.3.1创建一个图标字体15.3.2准备插图15.3.3导入到icomoon15.3.4从icomoon中导出字体15.3.5下载字体文件15.3.6调用字体15.4本章小结
封面
书名:图解CSS 3核心技术与案例实战
作者:大漠
页数:486
定价:¥79.0
出版社:机械工业出版社
出版日期:2014-07-01
ISBN:9787111469209
PDF电子书大小:31MB 高清扫描完整版