CSS3实战

译者序

CSS3欢迎你

致谢

第1章 CSS3和现代Web设计

1.1 为什么要使用CSS3

1.2 现代Web设计理念

1.2.1 可访问性第一

1.2.2 可用性其次

1.2.3 优雅降级和渐进增强

1.3 对内容的思考过程

1.4 本书中的CSS3模块

1.5 常用CSS3特性

1.5.1 厂商前缀

1.5.2 CSS3颜色

1.5.3 用rem调整文本大小

1.5.4 CSS3选择器

小结

第2章 利用HTML5与JavaScript构建坚实的跨浏览器模板

2.1 从HTML5语义开始

2.1.1 为什么用HTML5

2.1.2 HTML5错误处理

2.2 建立模板

2.2.1 HTML5的DOCTYPE

2.2.2 语言和基本文档纲要

2.2.3 定义文档字符集

2.2.4 XHTML5和代码风格

2.2.5 为HTML5语义元素添加跨浏览器支持性

2.3 校验HTML5

2.4 探索HTML5元素

2.4.1 与

2.4.2 与

2.4.3 与

2.4.4

2.4.5

2.4.6

2.4.7 与

2.4.8

2.4.9

2.4.10 HTML5表单元素

2.4.11

2.5 CSS重置和normalize.css

2.6 JavaScript库综述

2.6.1 css3-mediaqueries-js

2.6.2 CSS3PIE

2.6.3 Modernizr

2.6.4 Selectivizr

2.7 IE条件注释

小结

第3章 让字体和文本变得有趣

3.1 蟒蛇来啦

3.2 使用Web字体

3.2.1 给示例使用Web字体

3.2.2 Web-Font问题

3.2.3 Windows渲染问题

3.2.4 商用字体服务

3.3 CSS3文本争执

3.3.1 文本阴影

3.3.2 控制文本溢出

3.3.3 word-wrap打破长单词

3.3.4 控制断字

3.4 CSS3排版

3.4.1 基于Web的连写和文本渲染优化

3.4.2 启用Web高级的字体特性font-feature-settings

3.4.3 连写和自由连写

3.4.4 数字、分数和序数

3.4.5 小型大写字母和小号大写字母

3.4.6 字距调整

3.4.7 样式集和其他组合效果

3.4.8 font-feature用途的小贴士

小结

第4章 CSS3修饰的增强盒子

4.1 CSS3修饰的光明前景

4.2 border-radius：圆角的福音

4.3 使用box-shadow添加立体效果

4.4 用CSS渐变来修饰

4.4.1 线性渐变

4.4.2 径向渐变

4.4.3 为旧版IE提供渐变支持

4.5 多重背景

4.6 构思巧妙的盒子：border-image

4.7 box-decoration-break

4.8 给横幅广告添加修饰

4.8.1 构建基础

4.8.2 添加CSS3火花

4.8.3 支持旧版浏览器

4.8.4 改进广告

小结

第5章 用CSS3制作动画效果

5.1 CSS动画

5.2 变形

5.2.1 2D变形

5.2.2 3D变形

5.3 过渡

5.3.1 选择过渡的元素

5.3.2 选择过渡持续时间

5.3.3 过渡延迟时间

5.3.4 过渡的速率变化

5.3.5 过渡简写及多重过渡

5.4 动画

5.4.1 建立基本动画

5.4.2 给元素应用动画

5.4.3 设置动画持续时间

5.4.4 调整动画的速率

5.4.5 增加延迟时间

5.4.6 选择animation-direction：back还是forth

5.4.7 animation-fill-mode

5.4.8 简写和多重动画

5.5 用动画提升横幅广告

5.6 用Modernizr提供备选方案

5.6.1 给页面添加Modernizr

5.6.2 提供替换样式

5.6.3 动画和脚本

小结

第6章 使用CSS生成图标

6.1 翻滚吧，图标

6.2 在页面上使用图标

6.3 何时使用图标

6.4 生成图标的基础

6.4.1 内容生成图标

6.4.2 CSS Sprite图

6.4.3 更“防弹式”的图标

6.4.4 多背景图片的修饰图标

6.5 Web字体作为图标

6.6 独特的纯CSS图标

小结

第7章 CSS3布局排版

7.1 CSS3布局模块简介

7.2 多栏布局

7.2.1 设置分栏的数量

7.2.2 根据宽度分栏而非数量

7.2.3 定义分栏空隙

7.2.4 定义分栏内容的填充方式

7.2.5 内容的跨栏目布置

7.2.6 控制栏目的划分

7.2.7 实战多栏布局

7.2.8 多栏布局的问题

7.3 使用Flexbox

7.3.1 控制Flexbox的子项伸缩流的方向

7.3.2 自定义子元素的显示顺序

7.3.3 对齐Flexbox子项

7.3.4 弹性的Flexbox

7.3.5 用Modernizr实现跨浏览器Flexbox

7.4 探索网格

7.4.1 定义网格结构

7.4.2 将内容嵌套在网格上

7.4.3 一个真实的网格例子

7.4.4 网格问题

7.5 值得一提的其他布局模块

7.5.1 区域

7.5.2 排除

7.5.3 GCPM

小结

第8章 响应式和自适应设计

8.1 网络浏览器简史

8.2 响应式设计策略

8.2.1 不做任何特殊处理

8.2.2 不同的设备提供不同的内容

8.2.3 为不同浏览器设备优化网站

8.3 弹性布局技术

8.3.1 可伸缩的容器

8.3.2 响应式媒体布局

8.4 媒介查询

8.4.1 一些媒介查询的例子

8.4.2 移动设备优先

8.5 媒介查询补丁

8.6 提供响应式图片

8.7 移动浏览器是个骗子

8.8 高保真设备

8.9 一个响应式的重金属横幅广告

8.9.1 第一种选择：800px或者更小

8.9.2 第二种选择：480px或者更小

小结

《华章程序员书库·CSS3实战：开发与设计》书共8章：第1章简单介绍了CSS3的重要更新、现代Web设计的理念以及常用的CSS3特性；第2章讲解了如何利用HTML5和JavaScript构建坚实的跨浏览器模板；第3章详细介绍了CSS3中新增的字体、文本、排版方面的特性；第4章讲解了CSS3新增的各种与盒子相关的特性；第5章和第6章分别讲解了CSS3的动画特性以及如何利用CSS3生成图标；第7章则介绍了CSS3中新增的与排版和布局相关的特性，以及如何利用CSS3进行排版和布局；第8章以迭代的方式完成了贯穿全书的一个完整案例，介绍了媒介查询、viewport、自适应图片和视频技术等内容，旨在帮助读者将理论知识贯穿于实践中，迅速成为新一代Web开发技术中的弄潮儿。