技术教育社区
www.teccses.org

图解CSS 3核心技术与案例实战

封面

作者:大漠

页数:486

出版社:机械工业出版社

出版日期:2014

ISBN:9787111469209

电子书格式:pdf/epub/txt

内容简介

(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:前端框架利器》。

相关资料

css3在前端开发中的重要性毋庸置疑,这些年来,新的css3规范在不断演进和完善,但是一直没有确定的规范。从技术标准的角度来讲,本书应该是目前版本最新的;从知识点的涵盖面来讲,本书也是同类书中最全面的。更难得的是,为了便于读者理解,作者用大量直观的图示替代了枯燥的文字,采用了图解的方式来讲解,相信这应该会很受读者欢迎。此外,本书还包含大量实战案例,理论与实践相结合。如果你要系统学习css3或者在开发中还不能熟练使用它,强烈推荐这本书给你。
  ——51cto(www.51cto.com) 中国领先的it技术网站

本书特色

本书是国内著名的web前端专家历时2载的心血之作,根据最新的css3撰写,融入了作者在css领域近10年的使用经验,旨在将本书打造成为css3领域最权威和实用的专业著作,供没有经验的读者系统学习,供有经验的读者参考备查。
   本书理论知识系统全面,详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应web设计、web字体等主题下涵盖的所有css3新特性,所有这些都巧妙地融入到案例中,而不是枯燥的理论讲解;讲解方式直观易懂,以图解的方式巧妙地展示了这些新特性;实战性强,既为每个知识点精心设计了小案例,也有综合性的大案例,所有案例都非常详尽,有功能需求分析、设计思路和完整代码,还有最终的效果展示。

目录

前言
第1章揭开css3的面纱
1.1什么是css
1.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谁在使用css
1.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-letter
2.10.2伪元素::first-line
2.10.3伪元素::before和::after
2.10.4伪元素::selection
2.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伸缩容器设置display
8.2.2伸缩流方向box-orient
8.2.3布局顺序box-direction
8.2.4伸缩换行box-lines
8.2.5主轴对齐box-pack
8.2.6侧轴对齐box-align
8.2.7伸缩性box-flex
8.2.8显示顺序box-ordinal-group
8.2.9实战体验:box制作自适应的三列等高布局
8.3混合版本flexbox模型的基本使用
8.3.1伸缩容器设置display
8.3.2伸缩流方向flex-direction
8.3.3伸缩换行flex-wrap
8.3.4伸缩流方向与换行flex-flow
8.3.5主轴对齐flex-pack
8.3.6侧轴对齐flex-align
8.3.7堆栈伸缩行flex-line-pack
8.3.8伸缩性flex
8.3.9显示顺序flex-order
8.4新版本flexbox模型的基本使用
8.4.1伸缩容器display
8.4.2伸缩流方向flex-direction
8.4.3伸缩换行flex-wrap
8.4.4伸缩流方向与换行flex-flow
8.4.5主轴对齐justify-content
8.4.6侧轴对齐align-items和align-self
8.4.7堆栈伸缩行align-content
8.4.8伸缩性flex
8.4.9显示顺序order
8.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-property
12.2.2指定过渡所需时间transition-duration
12.2.3指定过渡函数transition-timing-function
12.2.4指定过渡延迟时间transition-delay
12.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过渡的开始和结束为auto
12.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-name
13.4.2设置动画播放时间animation-duration
13.4.3设置动画播放方式animation-timing-function
13.4.4设置动画开始播放的时间animation-delay
13.4.5设置动画播放次数animation-iteration-count
13.4.6设置动画播放方向animation-direction
13.4.7设置动画的播放状态animation-play-state
13.4.8设置动画时间外属性animation-fill-mode
13.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-face
15.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导入到icomoon
15.3.4从icomoon中导出字体
15.3.5下载字体文件
15.3.6调用字体
15.4本章小结

下载地址

立即下载

(解压密码:www.teccses.org)

Article Title:《图解CSS 3核心技术与案例实战》
Article link:https://www.teccses.org/438702.html