HTML5+CSS3开发实战【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML5+CSS3开发实战PDF格式电子书版下载

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

第1章 HTML5：现在，而不是2022年1

1.1 基本原则1

1.1.1 Web标准方法1

1.1.2 Web设计之道：接纳不确定性4

1.1.3 可访问性6

1.1.4 制作标记6

1.2 HTML5是如何形成的7

1.2.1 超越HTML47

1.2.2 XHTML1.07

1.2.3 XHTML2.0与激烈反对8

1.3 HTML5正在推进9

1.4 HTML5的设计原则10

1.4.1 支持现有内容11

1.4.2 优雅降级11

1.4.3 不要重新发明11

1.4.4 铺平老路12

1.4.5 进化而非革命12

1.5 关于HTML5的若干荒诞说法12

1.6 小结14

1.6.1 作业14

1.6.2 第1章 作业15

1.6.3 导读15

第2章 初识HTML517

2.1 作业回顾17

2.1.1 用XHTML1标记的页面17

2.1.2 84.8％的标记可以保留19

2.2 关于＜head＞20

2.2.1 更完美的DOCTYPE20

2.2.2 在HTML5中声明语言21

2.2.3 字符编码23

2.2.4 简单易记23

2.3 “Hello World！”旅程23

2.3.1 XHTML1.0风格的“Hello World！”24

2.3.2 HTML4风格的“Hello World！”24

2.3.3 HTML5“松散”风格的“Hello World！”25

2.3.4 HTML5“严格”风格的“Hello World！”26

2.4 让HTML5得到跨浏览器支持26

2.4.1 浏览器如何处理未知元素26

2.4.2 shiv28

2.4.3 IE打印保护器29

2.4.4 声明块级元素30

2.5 HTML5样板页面30

2.5.1 不再有type属性31

2.5.2 填充材料与替换32

2.6 验证33

2.6.1 HTML5验证器33

2.6.2 HTML Lint34

2.7 重新讨论Miss Baker页面35

2.8 小结38

2.9 作业38

第3章 新的结构化元素39

3.1 工作流程仍在进化39

3.2 新语义化开端41

3.3 结构化构建块＜div＞、＜section＞ 和＜article＞43

3.3.1 ＜div＞、＜section＞和＜article＞的区别43

3.3.2 选用哪一个44

3.3.3 使用这些元素的基本结构45

3.4 标题：＜header＞、＜hgroup＞、＜hl＞～＜h6＞以及＜footer＞46

3.4.1 带有一个标题的文章48

3.4.2 带有标题和元数据的文章＜header＞48

3.4.3 以＜hgroup＞封装副标题的文章48

3.4.4 带有标题、副标题以及元数据的文章49

3.4.5 一些＜hgroup＞用法示例49

3.5 HTML5的大纲算法50

3.5.1 实际情况中的大纲51

3.5.2 根分节元素52

3.5.3 无标题小节的来源53

3.6 HTML5风格的标题元素级别54

3.6.1 嵌套标题元素级别示例55

3.6.2 新风格的标题元素级别示例56

3.7 更多的结构化元素：＜nav＞、＜aside＞、＜figure＞以及＜figcaption＞57

3.8 综合到一起59

3.8.1 新内容分节元素小结59

3.8.2 将一个简单的页面转换成HTML561

3.8.3 HTML4.5 介绍：通过＜div class=""""＞添加HTML5语义66

3.8.4 通过ARIA路标角色对HTML4.5和HTML5添加语义70

3.8.5 可访问性的现实瑕疵71

3.9 HTML5与可访问性71

3.9.1 进化中的可访问性技术72

3.9.2 HTML5的其他可访问性问题76

3.9.3 HTML5可访问性：新的希望76

3.10 小结76

3.11 作业77

3.12 延伸阅读77

第4章 更丰富的内容标记办法79

4.1 以前的表现式元素与助手79

4.1.1 赋予＜i＞和＜b＞元素新的语义含义80

4.1.2 ＜smaN＞元素83

4.1.3 ＜hr＞元素84

4.1.4 ＜s＞元素以及＜del＞和＜ins＞元素85

4.1.5 ＜u＞元素87

4.1.6 表现式元素：过去时代的遗物87

4.2 带有＜a＞元素的块级链接87

4.2.1 编写一个块链接88

4.2.2 Firefox 4以前版本的注意事项89

4.3 其他HTML4略有变化的元素90

4.3.1 ＜ol＞元素及其新（旧）属性90

4.3.2 ＜dl＞元素92

4.3.3 ＜cite＞元素93

4.4 新的语义化元素95

4.4.1 ＜mark＞元素95

4.4.2 Ruby注释：＜ruby＞、＜rt＞和 ＜rp＞96

4.4.3 ＜time＞元素100

4.5 扩展HTML5102

4.5.1 ＜data＞元素103

4.5.2 自定义的data属性（data-）103

4.5.3 微格式104

4.5.4 微格式的轻量级介绍104

4.5.5 微数据：HTML5的语义点缀108

4.5.6 微数据语法109

4.5.7 微数据实战113

4.5.8 微数据的最终想法119

4.6 小结120

4.7 延伸阅读与相关链接120

第5章 富媒体121

5.1 Flash面临的形势121

5.1.1 专利模式与开放标准122

5.1.2 步入HTML5并与之为友122

5.1.3 HTML5预示着Flash的终结123

5.2 HTML5的视频之路123

5.2.1 视频格式126

5.2.2 浏览器支持128

5.2.3 添加视频源129

5.2.4 track元素132

5.2.5 更多的视频设置136

5.2.6 卸掉沉重的负担138

5.3 音频140

5.3.1 音频编解码器141

5.3.2 浏览器支持情况142

5.3.3 添加音频源142

5.3.4 使用jPlayer143

5.3.5 视频和音频小结143

5.4 Canvas143

5.4.1 基于像素的自由143

5.4.2 添加／实现canvas144

5.4.3 canvas的威力与潜力152

5.4.4 canvas的更多资源157

5.5 SVG158

5.5.1 向量的威力158

5.5.2 用SVG发布向量159

5.5.3 SVG相关读物162

5.6 小结162

5.7 作业163

第6章 为Web应用程序铺平道路165

6.1 HTML5表单165

6.1.1 HTML5表单的历史166

6.1.2 HTML5的表单特性166

6.1.3 新的输入类型173

6.1.4 验证与如何提供备用办法185

6.1.5 当前浏览器的支持情况187

6.1.6 表单实战188

6.1.7 HTML5表单API192

6.1.8 HTML5表单小结192

6.2 Web应用程序192

6.2.1 用于Web应用程序的元素简介193

6.2.2 HTML5有关的API196

6.3 光明前景：基于标准的Web、人人均可访问的、浏览器相互兼容的、运行于各种设备的时代200

6.4 作业：使用已讨论过的新标记来标记“Join Gordo's Space Cadets（加入戈多的太空学员俱乐部）”表单201

第7章 CSS3简介203

7.1 对Web标准重要性的再认识203

7.2 CSS 1、CSS 2.1、CSS3204

7.3 CSS3准备好了吗204

7.3.1 上下文205

7.3.2 CSS3模块性205

7.3.3 成熟度206

7.4 CSS3的优点206

7.4.1 流水线设计207

7.4.2 减少工作区和修改207

7.5 CSS基础回顾208

7.5.1 规则（规则集）解剖208

7.5.2 属性208

7.5.3 值208

7.5.4 声明209

7.5.5 声明块209

7.5.6 关键字209

7.5.7 CSS单位210

7.5.8 函数符号210

7.5.9 选择器211

7.5.10 组合器211

7.5.11 At规则212

7.5.12 厂商专有扩展名212

7.6 CSS速记212

7.7 级联、特性和继承213

7.7.1 CSS级联214

7.7.2 计算特性214

7.7.3 CSS继承215

7.8 CSS组织和维护216

7.8.1 CSS协定216

7.8.2 注释最佳实践220

7.8.3 CSS重置和normalize.css221

7.8.4 CSS架构和工具箱224

7.8.5 可维护的CSS224

7.8.6 CSS验证228

7.8.7 CSS lint229

7.9 浏览器支持、厂商前缀、填充物和渐进增强230

7.9.1 渐进增强230

7.9.2 CSS3浏览器支持231

7.10 功能检测和填充物236

7.10.1 填充物237

7.10.2 IE专用的填充物238

7.11 小结239

7.12 作业240

7.13 附录：CSS3模块状态240

第8章 使用CSS选择器使标记尽量简短243

8.1 选择器概述243

8.2 CSS3选择器245

8.2.1 组合器245

8.2.2 特性和子串选择器246

8.2.3 UI元素状态伪类250

8.2.4 Target伪类253

8.2.5 结构伪类257

8.2.6 伪元素266

8.2.7 否定伪类268

8.3 浏览器支持269

8.4 选择器的未来270

8.5 小结270

8.6 作业271

8.7 附录271

第9章 每种情形的布局273

9.1 许多设备的Web273

9.1.1 监视器尺寸的演变274

9.1.2 为每个设备优化独立站点？但这太疯狂了274

9.2 CSS的可见格式化模型——方框276

9.3 CSS3布局317

9.3.1 CSS Positioned Layout Module Level 3318

9.3.2 CSS Fragmentation Module Level 3318

9.3.3 Multi-column Layout Module319

9.3.4 CSSRegions Module Level 3322

9.3.5 CSS Exclusions and Shapes Module Level 3324

9.3.6 CSS Paged Media Module Level 3325

9.3.7 CSS Generated Content for Paged Media Module327

9.3.8 Flexible Box Layout Module329

9.3.9 CSS Grid Layout Module335

9.3.10 CSS3布局模块小结337

9.4 小结337

9.5 延伸阅读338

9.6 规范339

9.7 作业340

第10章 改进Web排版341

10.1 字型和字体341

10.2 输入的剖析341

10.3 Web字体的简史342

10.4 将文本作为图像343

10.4.1 Farhner图像替代（FIR）343

10.4.2 Leahy/Langridge方法344

10.4.3 Phark方法344

10.4.4 Gilder/Levin方法344

10.4.5 JavaScript图像替代（JIR）345

10.5 sIFR345

10.6 Cufón346

10.7 SVG字体346

10.8 ＠font-face347

10.8.1 Web字体347

10.8.2 起源347

10.8.3 ＠font-face回来了348

10.8.4 解析fontface语法：＠font-face声明348

10.8.5 ＠font-face的可靠语法349

10.8.6 避免未样式化的文本闪屏（FOUT）350

10.9 查找Web字体353

10.9.1 免费的Web字体353

10.9.2 商用Web字体353

10.9.3 作为服务的字体354

10.9.4 用Web字体设计355

10.9.5 把Web字体用作图标355

10.9.6 Web字体小结355

10.10 基线356

10.10.1 设置font-family356

10.10.2 设置垂直间距356

10.10.3 设置字号357

10.11 用网格进行设计357

10.11.1 使用像素358

10.11.2 使用em360

10.11.3 设置网格361

10.11.4 自动改变垂直韵律361

10.12 基线网格小结362

10.13 使用Web字体362

10.13.1 选择字形的粗细362

10.13.2 选择正确的字宽363

10.13.3 控制文本溢出364

10.13.4 从基线开始垂直对齐文本364

10.13.5 控制单词中各个字符之间的空白365

10.13.6 调整字间距366

10.13.7 打断长单词367

10.13.8 控制空白和换行符367

10.13.9 打印断字368

10.14 控制引号字形371

10.14.1 悬挂标点符号372

10.14.2 控制非拉丁Web字体的显示373

10.14.3 word-break373

10.14.4 text-emphasis373

10.14.5 使用连字和其他OpenType字体功能373

10.15 小结374

10.16 延伸阅读374

第11章 应用CSS3的属性377

11.1 颜色与透明度377

11.1.1 RGB377

11.1.2 RGBa透明度378

11.1.3 HSLa380

11.1.4 不透明度382

11.2 背景383

11.2.1 background-clip属性383

11.2.2 background-origin属性385

11.2.3 background-size属性387

11.2.4 多重背景391

11.3 边框397

11.3.1 border-radius属性397

11.3.2 border-image属性402

11.4 下拉阴影405

11.4.1 box-shadow属性406

11.4.2 text-shadow属性410

11.5 渐变412

11.6 检测支持和辅助其他浏览器422

11.6.1 使用Modernizr422

11.6.2 CSS3 Pie423

11.7 组合CSS3效果423

11.8 小结428

11.9 作业429

第12章 变形、变换和动画431

12.1 平移、旋转、缩放、斜切和变形：CSS的2D和3D变形432

12.1.1 使用变形和变形函数435

12.1.2 用透视和transform:perspective（）函数将3D对象置于透视角度444

12.1.3 使用perspective-origin属性修改透视原点446

12.1.4 用transform-origin修改变形446

12.1.5 使用transform-style进行3D或平面变换449

12.1.6 使用backface-visibility隐藏和显示变形元素的背面450

12.1.7 浏览器对CSS变形的支持452

12.1.8 CSS变形的不足454

12.1.9 CSS变形的小结454

12.2 CSS变换和CSS动画：比较与对照455

12.3 CSS变换：4D空间中的瑰宝457

12.3.1 使用transition-property设置可变换的属性458

12.3.2 使用transition-duration控制变换的持续时间462

12.3.3 transition-timing-function、三次贝塞尔曲线和steps（）函数462

12.3.4 使用transition-delay推迟变换的起始时间467

12.3.5 多个变换值和简写形式的变换属性467

12.3.6 简写变换属性时值的排序468

12.3.7 浏览器对CSS变换的支持468

12.3.8 CSS变换的不足469

12.3.9 CSS变换的小结471

12.4 使用CSS动画制作关键帧动画472

12.4.1 一个使用animation-name和animation-duration的简单动画示例475

12.4.2 使用＠keyframes控制动画477

12.4.3 使用animation-timing-function属性的计时函数478

12.4.4 使用animation-delay修改动画的起始方式480

12.4.5 动画运行多少次？animation-iteration-count可以告诉你答案481

12.4.6 结合animation-direction482

12.4.7 用animation-fill-mode控制元素在动画前后的表现482

12.4.8 使用animation-play-state暂停动画484

12.4.9 简略形式的动画属性以及用逗号分隔的animation-＊值485

12.4.10 浏览器对CSS动画的支持487

12.5 一些与动画相关的JavaScript迂回方法489

12.5.1 动画的不足490

12.5.2 CSS动画的小结491

12.6 小结492

12.7 延伸阅读493

第13章 CSS的前景——即将来临的万众瞩目的事务497

13.1 硬件加速与CSS性能497

13.2 国际化498

13.2.1 用CSS Counter Styles模块自定义列表计数器498

13.2.2 calc（）和attr（）函数499

13.2.3 变量、混合和嵌套501

13.2.4 用CSS着色器将“OMG！”发挥至极致502

13.3 继续前进，让未来更美好502

13.4 附录：资料链接503