CSS3实战 开发与设计PDF|Epub|txt|kindle电子书版本网盘下载

CSS3实战 开发与设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 CSS3和现代Web设计1

1.1 为什么要使用CSS32

1.2 现代Web设计理念3

1.2.1 可访问性第一3

1.2.2 可用性其次5

1.2.3 优雅降级和渐进增强5

1.3 对内容的思考过程6

1.4 本书中的CSS3模块7

1.5 常用CSS3特性9

1.5.1 厂商前缀9

1.5.2 CSS3颜色11

1.5.3 用rem调整文本大小13

1.5.4 CSS3选择器15

小结24

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

2.1 从HTML5语义开始26

2.1.1 为什么用HTML5 26

2.1.2 HTML5错误处理27

2.2 建立模板28

2.2.1 HTML5的DOCTYPE28

2.2.2 语言和基本文档纲要29

2.2.3 定义文档字符集29

2.2.4 XHTML5和代码风格30

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

2.3 校验HTML532

2.4 探索HTML5元素33

2.4.1 <audio>与<video>34

2.4.2 <article>与<section>36

2.4.3 <header>与<footer>38

2.4.4 <aside>38

2.4.5 <nav>39

2.4.6 <hgroup>39

2.4.7 <figure>与<figcaption>40

2.4.8 <time>40

2.4.9 <mark>42

2.4.1 0 HTML5表单元素42

2.4.1 1 <canvas>44

2.5 CSS重置和normalize.css45

2.6 JavaScript库综述46

2.6.1 css3-mediaqueries-js46

2.6.2 CSS3PIE47

2.6.3 Modernizr48

2.6.4 Selectivizr48

2.7 IE条件注释48

小结50

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

3.1 蟒蛇来啦52

3.2 使用Web字体53

3.2.1 给示例使用Web字体54

3.2.2 Web-Font问题56

3.2.3 Windows渲染问题59

3.2.4 商用字体服务62

3.3 CSS3文本争执64

3.3.1 文本阴影65

3.3.2 控制文本溢出67

3.3.3 word-wrap打破长单词68

3.3.4 控制断字69

3.4 CSS3排版70

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

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

3.4.3 连写和自由连写73

3.4.4 数字、分数和序数73

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

3.4.6 字距调整76

3.4.7 样式集和其他组合效果76

3.4.8 font-feature用途的小贴士77

小结78

第4章 CSS3修饰的增强盒子79

4.1 CSS3修饰的光明前景80

4.2 border-radius：圆角的福音82

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

4.4 用CSS渐变来修饰88

4.4.1 线性渐变88

4.4.2 径向渐变92

4.4.3 为旧版IE提供渐变支持98

4.5 多重背景99

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

4.7 box-decoration-break106

4.8 给横幅广告添加修饰107

4.8.1 构建基础107

4.8.2 添加CSS3火花109

4.8.3 支持旧版浏览器110

4.8.4 改进广告110

小结111

第5章 用CSS3制作动画效果112

5.1 CSS动画113

5.2 变形114

5.2.1 2D变形115

5.2.2 3D变形121

5.3 过渡134

5.3.1 选择过渡的元素135

5.3.2 选择过渡持续时间136

5.3.3 过渡延迟时间136

5.3.4 过渡的速率变化136

5.3.5 过渡简写及多重过渡141

5.4 动画142

5.4.1 建立基本动画142

5.4.2 给元素应用动画144

5.4.3 设置动画持续时间145

5.4.4 调整动画的速率146

5.4.5 增加延迟时间147

5.4.6 选择animation-direction：back还是forth147

5.4.7 animation-fill-mode148

5.4.8 简写和多重动画148

5.5 用动画提升横幅广告149

5.6 用Modemizr提供备选方案153

5.6.1 给页面添加Modemizr 154

5.6.2 提供替换样式155

5.6.3 动画和脚本157

小结163

第6章 使用CSS生成图标164

6.1 翻滚吧，图标165

6.2 在页面上使用图标165

6.3 何时使用图标167

6.4 生成图标的基础168

6.4.1 内容生成图标170

6.4.2 CSS Sprite图170

6.4.3 更“防弹式”的图标171

6.4.4 多背景图片的修饰图标172

6.5 Web字体作为图标173

6.6 独特的纯CSS图标176

小结179

第7章 CSS3布局排版180

7.1 CSS3布局模块简介181

7.2 多栏布局182

7.2.1 设置分栏的数量183

7.2.2 根据宽度分栏而非数量184

7.2.3 定义分栏空隙185

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

7.2.5 内容的跨栏目布置187

7.2.6 控制栏目的划分188

7.2.7 实战多栏布局189

7.2.8 多栏布局的问题189

7.3 使用Flexbox191

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

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

7.3.3 对齐Flexbox子项195

7.3.4 弹性的Flexbox 197

7.3.5 用Modernizr实现跨浏览器Flexbox201

7.4 探索网格201

7.4.1 定义网格结构202

7.4.2 将内容嵌套在网格上203

7.4.3 一个真实的网格例子204

7.4.4 网格问题205

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

7.5.1 区域206

7.5.2 排除208

7.5.3 GCPM210

小结211

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

8.1 网络浏览器简史213

8.2 响应式设计策略214

8.2.1 不做任何特殊处理215

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

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

8.3 弹性布局技术219

8.3.1 可伸缩的容器219

8.3.2 响应式媒体布局220

8.4 媒介查询223

8.4.1 一些媒介查询的例子225

8.4.2 移动设备优先230

8.5 媒介查询补丁231

8.6 提供响应式图片232

8.7 移动浏览器是个骗子233

8.8 高保真设备237

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

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

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

小结241