万本电子书0元读

万本电子书0元读

顶部广告

图解CSS3:核心技术与案例实战电子书 租阅

  (1) 资深Web前端专家历时2载的经验与心血之作,旨在根据**CSS3规范撰写*权威的CSS3学习资料和备查手册(2) 理论知识系统且全面,以图解的方式讲解CSS3的各项功能和特性,包含大量实战案例,直观易懂,实战性强 

售       价:¥

纸质售价:¥62.40购买纸书

441人正在读 | 5人评论 6.2

作       者:大漠

出  版  社:机械工业出版社

出版时间:2014-07-01

字       数:44.5万

所属分类: 科技 > 计算机/网络 > 程序设计

温馨提示:此类商品不支持退换货,不支持下载打印

为你推荐

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

1.1.1 CSS3的新特性

1.1.2 CSS3的发展状况

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.4 CSS3的现状及未来

1.4.1 谁在使用CSS3

1.4.2 CSS3的未来

1.5 本章小结

第2章 CSS3选择器

2.1 认识CSS选择器

2.1.1 CSS3选择器的优势

2.1.2 CSS3选择器分类

2.2 基本选择器

2.2.1 基本选择器语法

2.2.2 浏览器兼容性

2.2.3 实战体验:使用基本选择器

2.2.4 通配选择器

2.2.5 元素选择器

2.2.6 ID选择器

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.7 UI元素状态伪类选择器

2.7.1 UI元素状态伪类选择器语法

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.1 CSS3边框简介

3.1.1 边框的基本属性

3.1.2 边框的类型

3.1.3 谁在使用CSS3边框

3.2 CSS3边框颜色属性

3.2.1 border-color属性的语法及参数

3.2.2 浏览器兼容性

3.2.3 border-color属性的优势

3.2.4 实战体验:立体渐变边框效果

3.3 CSS3图片边框属性

3.3.1 border-image属性的语法及参数

3.3.2 border-image属性使用方法

3.3.3 浏览器兼容性

3.3.4 border-image属性的优势

3.3.5 实战体验:按钮圆角阴影效果

3.4 CSS3圆角边框属性

3.4.1 border-radius属性的语法及参数

3.4.2 border-radius属性使用方法

3.4.3 浏览器兼容性

3.4.4 border-radius属性的优势

3.4.5 实战体验:制作特殊图形

3.5 CSS3盒子阴影属性

3.5.1 box-shadow属性的语法及参数

3.5.2 box-shadow属性使用方法

3.5.3 浏览器兼容性

3.5.4 box-shadow属性的优势

3.5.5 实战体验:制作3D搜索表单

3.6 本章小结

第4章 CSS3背景

4.1 CSS3背景属性简介

4.1.1 背景的基本属性

4.1.2 与背景相关的新增属性

4.2 CSS3背景原点属性

4.2.1 background-origin属性的语法及参数

4.2.2 background-origin属性使用方法

4.2.3 浏览器兼容性

4.3 CSS3背景裁切属性

4.3.1 background-clip属性的语法及参数

4.3.2 background-clip属性使用方法

4.3.3 浏览器兼容性

4.4 CSS3背景尺寸属性

4.4.1 background-size属性的语法及参数

4.4.2 background-size属性使用方法

4.4.3 浏览器兼容性

4.4.4 实战体验:制作全屏背景

4.5 内联元素背景图像平铺循环方式

4.6 CSS3多背景属性

4.6.1 CSS3多背景语法及参数

4.6.2 CSS3多背景的优势

4.6.3 浏览器兼容性

4.6.4 实战体验:制作花边框

4.7 本章小结

第5章 CSS3文本

5.1 CSS3文本简介

5.2 CSS3文本阴影属性

5.2.1 text-shadow属性的语法及参数

5.2.2 浏览器兼容性

5.2.3 实战体验:制作立体文本

5.3 CSS3溢出文本属性

5.3.1 text-overflow属性的语法及参数

5.3.2 浏览器兼容性

5.3.3 text-overflow属性使用方法

5.3.4 实战体验:制作固定区域的博客列表 [1]

5.4 CSS3文本换行

5.4.1 word-wrap属性

5.4.2 word-break属性

5.4.3 white-space属性

5.4.4 文本换行技巧

5.4.5 文本换行技术对比

5.5 本章小结

第6章 CSS3颜色特性

6.1 网页中的色彩特性

6.1.1 网页色彩的表现原理

6.1.2 Web页面的安全色

6.1.3 色彩模式

6.2 CSS3透明属性

6.2.1 opacity属性的语法及参数

6.2.2 opacity浏览器兼容性

6.2.3 实战体验:制作透明过渡色块

6.3 CSS3颜色模式

6.3.1 RGBA颜色模式

6.3.2 HSL颜色模式

6.3.3 HSLA颜色模式

6.3.4 RGBA和HSLA颜色模式之间的选择

6.3.5 RGBA/HSLA的IE兼容方案

6.3.6 RGBA/HSLA滤镜格式

6.4 本章小结

第7章 CSS3盒模型

7.1 CSS盒模型简介

7.1.1 什么是盒模型

7.1.2 重置盒模型解析模式

7.2 CSS3盒模型属性

7.2.1 box-sizing属性的语法及参数

7.2.2 浏览器兼容性

7.2.3 实战体验:box-sizing拯救了布局

7.3 CSS3内容溢出属性

7.3.1 overflow-x和overflow-y属性的语法及参数

7.3.2 浏览器兼容性

7.4 CSS3自由缩放属性

7.4.1 resize属性的语法及参数

7.4.2 浏览器兼容性

7.4.3 实战体验:修改文本域随意调整大小的功能

7.5 CSS3外轮廓属性

7.5.1 outline属性的语法及参数

7.5.2 浏览器兼容性

7.5.3 outline和border的对比

7.5.4 实战体验:模仿边框效果

7.6 本章小结

第8章 CSS3伸缩布局盒模型

8.1 Flexbox模型基础知识

8.1.1 CSS中的布局模式

8.1.2 Flexbox模型的功能

8.1.3 Flexbox模型中的术语

8.1.4 Flexbox模型规范状态

8.1.5 Flexbox模型浏览器兼容性

8.1.6 Flexbox模型语法变更

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.1 CSS3多列布局简介

9.1.1 浏览器兼容性

9.1.2 CSS3多列布局的属性

9.2 CSS3多列布局基本属性

9.2.1 columns属性的语法及参数

9.2.2 浏览器兼容性

9.2.3 实战体验:Web页面的多列布局

9.3 CSS3多列布局列宽属性

9.3.1 column-width属性的语法及参数

9.3.2 实战体验:浏览器根据窗口宽度变化调整列数

9.4 CSS3多列布局列数属性

9.4.1 column-count属性的语法及参数

9.4.2 实战体验:显示固定列数

9.5 CSS3多列布局列间距属性

9.5.1 column-gap属性的语法及参数

9.5.2 实战体验:设置列间距

9.6 CSS3多列布局列边框样式属性

9.6.1 column-rule属性的语法及参数

9.6.2 实战体验:设置列边框

9.7 CSS3多列布局跨列属性

9.7.1 column-span属性的语法及参数

9.7.2 实战体验:文章标题跨列显示

9.8 CSS3多列布局列高度属性

9.9 本章小结

第10章 CSS3渐变

10.1 CSS3渐变简介

10.1.1 什么是色标

10.1.2 浏览器兼容性

10.2 CSS3线性渐变

10.2.1 CSS3线性渐变语法与参数

10.2.2 CSS3线性渐变的基本用法

10.2.3 自定义CSS3线性渐变

10.2.4 实战体验:CSS3制作渐变按钮

10.3 CSS3径向渐变

10.3.1 CSS3径向渐变语法

10.3.2 CSS3径向渐变的属性参数

10.3.3 CSS3径向渐变的基本用法

10.3.4 实战体验:CSS3径向渐变制作圆形图标按钮

10.4 CSS3重复渐变

10.4.1 CSS3重复线性渐变

10.4.2 CSS3重复径向渐变

10.4.3 实战体验:制作记事本纸张效果

10.5 综合案例:CSS3渐变制作纹理背景

10.6 本章小结

第11章 CSS3变形

11.1 CSS3变形简介

11.1.1 CSS变形属性及函数

11.1.2 浏览器兼容性

11.2 CSS变形属性详解

11.2.1 transform属性

11.2.2 transform-origin属性

11.2.3 transform-style属性

11.2.4 perspective属性

11.2.5 perspective-origin属性

11.2.6 backface-visibility属性

11.3 CSS3 2D变形

11.3.1 2D位移

11.3.2 2D缩放

11.3.3 2D旋转

11.3.4 2D倾斜

11.3.5 2D矩阵

11.4 CSS3 3D变形

11.4.1 3D位移

11.4.2 3D缩放

11.4.3 3D旋转

11.4.4 3D矩阵

11.5 多重变形

11.5.1 2D多重变形制作立方体

11.5.2 3D多重变形制作立方体

11.6 综合案例:3D变形制作产品信息展示

11.7 本章小结

第12章 CSS3过渡

12.1 CSS3过渡简介

12.1.1 如何创建简单的过渡

12.1.2 浏览器兼容性

12.1.3 CSS3过渡属性

12.2 CSS3过渡子属性详解

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.3 CSS3触发过渡

12.3.1 伪元素触发

12.3.2 媒体查询触发

12.3.3 JavaScript触发

12.4 CSS3过渡技巧

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制作CSS Dock导航效果

12.6 本章小结

第13章 CSS3动画

13.1 CSS3动画简介

13.1.1 浏览器兼容性

13.1.2 CSS3动画属性

13.2 关键帧

13.2.1 @keyframes的作用

13.2.2 @keyframes的语法

13.2.3 浏览器兼容性

13.3 CSS中为元素应用动画

13.3.1 使用@keyframes声明动画

13.3.2 调用@keyframes声明的动画

13.4 CSS3动画子属性详解

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.1 Media Type设备类型

14.1.2 媒体类型引用方法

14.2 媒体特性

14.2.1 Media Query和CSS属性集合

14.2.2 常用Media Query设备特性

14.2.3 浏览器兼容性

14.2.4 Media Query使用方法

14.3 Responsive布局概念

14.3.1 Responsive设计特点

14.3.2 Responsive中的术语

14.3.3 Responsive布局技巧

14.3.4 meta标签

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 准备插图 [1]

15.3.3 导入到IcoMoon

15.3.4 从IcoMoon中导出字体

15.3.5 下载字体文件

15.3.6 调用字体

15.4 本章小结

累计评论(6条) 3个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部