HTML5与CSS3实战指南【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML5与CSS3实战指南PDF格式电子书版下载

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

第1章HTML5和CSS3简介1

1.1什么是HTML51

1.2如何发展至今2

1.3我们为什么应关注HTML54

1.4什么是CSS34

1.5我们为什么应关注CSS35

1.6在现实中，我们想做的是什么6

1.6.1多种浏览器的市场6

1.6.2不断发展的移动市场7

1.7实际应用8

第2章HTML5样式的标记11

2.1 The HTML5 Herald简介11

2.2基本的HTML5模板12

2.2.1 Doctype13

2.2.2 html元素14

2.2.3 head元素14

2.2.4公平竞争16

2.2.5剩余部分是历史简介17

2.3 HTML5常见问题18

2.3.1为什么这些变更仍能够在旧版浏览器中工作18

2.3.2是否需要关闭所有标签20

2.3.3关于其他的基于XHTML的语法使用习惯20

2.4定义页面结构22

2.4.1 header元素22

2.4.2 section元素23

2.4.3 article元素24

2.4.4 nav元素25

2.4.5 aside元素26

2.4.6 footer元素27

2.5构建The HTML5 Herald28

2.6小结30

第3章 关于HTML5语义的更多内容31

3.1关于内容类型的新视角31

3.2文档大纲33

3.3最新消息34

3.4更多新元素37

3.4.1 figurc和figcaption元素37

3.4.2 mark元素38

3.4.3 progress和meter元素38

3.4.4 time元素39

3.5对现有功能的更改41

3.5.1单词“Deprecated”是被弃用的41

3.5.2链接中的block元素41

3.5.3黑体文本41

3.5.4斜体文本42

3.5.5大号和小号文体43

3.5.6引起争议的cite元素43

3.5.7描述（不是定义）列表43

3.6其他新元素及功能44

3.6.1 details元素44

3.6.2自定义的有序列表45

3.6.3作用域样式45

3.6.4 script元素的async属性45

3.7验证HTML5文档46

3.8小结48

第4章 HTML5表单49

4.1工具箱中的相关工具49

4.2 HTML5表单属性51

4.2.1 required属性51

4.2.2 placeholder属性55

4.2.3 pattern属性58

4.2.4 disabled属性59

4.2.5 readonly属性59

4.2.6 multiple属性60

4.2.7 form属性60

4.2.8 autocomplete属性61

4.2.9 datalist元素和list属性61

4.2.10 autofocus属性62

4.3 HTML5新表单输入类型62

4.3.1 search63

4.3.2 Email Addresses64

4.3.3 URL65

4.3.4 Telephone Numbers66

4.3.5 Numbers66

4.3.6 Ranges67

4.3.7 Colors68

4.3.8 Dates和Times69

4.4 HTML5中的其他新表单控件71

4.4.1 output元素72

4.4.2 keygen元素72

4.5对现有表单控件及属性的更改72

4.5.1 form元素72

4.5.2 optgroup元素73

4.5.3 textarea元素73

4.6小结73

第5章HTML5音频和视频75

5.1历史简介75

5.2目前状况76

5.2.1视频容器格式76

5.2.2视频编解码器77

5.2.3音频编解码器77

5.2.4当前浏览器使用哪种组合77

5.3标记78

5.3.1启用本机控件78

5.3.2 autoplay属性79

5.3.3 loop属性80

5.3.4 preload属性80

5.3.5 poster属性81

5.3.6 audio属性81

5.3.7添加对多种视频格式的支持81

5.3.8资源顺序82

5.3.9关于Internet Explorer6～883

5.3.10 MIME类型85

5.4用于网络的视频文件解码86

5.5创建自定义控件86

5.5.1让我们从一些标记和设计开始87

5.5.2介绍媒体元素API88

5.5.3播放和暂停视频90

5.5.4视频音轨的静音与取消静音93

5.5.5视频结束播放的响应94

5.5.6更新视频播放的时间94

5.5.7媒体元素API的其他一些功能97

5.6关于音频99

5.7可访问的媒体99

5.8小结100

第6章CSS3简介101

6.1改进旧版浏览器101

6.2 CSS3选择器102

6.2.1关系选择器102

6.2.2属性选择器104

6.2.3伪类105

6.2.4结构化伪类107

6.2.5伪元素和生成的内容110

6.3 CSS3颜色111

6.3.1 RGBA112

6.3.2 HSL和HSLA113

6.3.3不透明度114

6.4实际应用114

6.5圆角：border-radius116

6.6投影118

6.7文本阴影122

6.8更多阴影122

6.9小结123

第7章CSS3渐变和多背景125

7.1线性渐变126

7.1.1W3C语法127

7.1.2旧WebKit语法130

7.1.3实际应用131

7.1.4使用SVG的线性渐变133

7.1.5使用Internet Explorer滤镜的线性渐变135

7.1.6便捷的工具136

7.2径向渐变136

7.2.1W3C语法137

7.2.2旧WebKit语法139

7.2.3实际应用140

7.3重复渐变141

7.4多背景图像142

7.5背景大小145

7.6小结147

第8章CSS3转换和过渡149

8.1转换149

8.1.1平移150

8.1.2缩放152

8.1.3旋转153

8.1.4倾斜154

8.1.5更改转换的原点154

8.1.6对Internet Explorer 8及更早版本的支持155

8.2过渡156

8.2.1 transition-property157

8.2.2 transition-duration158

8.2.3 transition-timing-function159

8.2.4 transition-delay160

8.2.5 transition简写属性160

8.2.6多个过渡161

8.3动画162

8.3.1关键帧162

8.3.2动画属性164

8.4小结167

第9章 嵌入字体和多列布局169

9.1 Web字体和＠font-face169

9.1.1实现＠font-face170

9.1.2声明字体来源172

9.1.3字体属性描述符174

9.1.4 Unicode范围175

9.1.5应用字体176

9.1.6法律因素176

9.1.7创建各种字体文件类型：Font Squirrel177

9.1.8其他考虑因素180

9.2 CSS3多列布局180

9.2.1 column-count属性181

9.2.2 column-gap属性182

9.2.3 column-width属性182

9.2.4 columns简写属性184

9.2.5列和height属性184

9.2.6其他列功能185

9.2.7其他考虑因素186

9.2.8渐进增强187

9.3媒体查询188

9.3.1什么是媒体查询188

9.3.2语法189

9.3.3媒体查询的灵活性190

9.3.4浏览器支持190

9.3.5其他阅读材料191

9.4小结191

第10章 地理定位、离线Web应用和Web存储193

10.1地理定位194

10.1.1隐私问题195

10.1.2地理定位方法195

10.1.3使用Modernizr检查支持196

10.1.4获取当前位置196

10.1.5地理定位的Position对象197

10.1.6获取经度和纬度198

10.1.7加载地图199

10.1.8关于旧式移动设备的结束语204

10.2离线Web应用204

10.2.1工作原理：HTML5应用程序缓存205

10.2.2设置站点离线工作205

10.2.3获取离线存储站点的权限208

10.2.4离线测试208

10.2.5使The HTML5 Herald离线可用210

10.2.6离线Web应用存储的限制211

10.2.7后备部分211

10.2.8刷新缓存213

10.2.9我们在线吗214

10.2.10其他阅读材料215

10.3 Web存储215

10.3.1两种存储216

10.3.2 Web存储数据的外观217

10.3.3获取和设置数据218

10.3.4转换存储的数据218

10.3.5快捷方式219

10.3.6删除条目和清除数据219

10.3.7存储限制219

10.3.8安全考虑220

10.3.9将Web存储添加到The HTML5 Herald221

10.3.10用网页审查工具查看Web存储值224

10.4其他HTML5 API226

10.4.1网络工作者226

10.4.2网络套接字227

10.4.3 Web SQL和IndexedDB227

10.5返回到绘制面板228

第11章 画布、SVG和拖放229

11.1画布229

11.1.1关于画布的一些历史230

11.1.2创建画布元素230

11.1.3在画布上绘制232

11.1.4获取背景232

11.1.5用颜色填充画笔233

11.1.6在画布上绘制矩形234

11.1.7画布坐标系统234

11.1.8 fillStyle的变化235

11.1.9通过创建路径绘制其他形状237

11.1.10存储画布绘制240

11.1.11在画布上绘制图像241

11.1.12处理图像243

11.1.13将彩色图像转换为黑白图像244

11.1.14 getlmageData的安全性错误247

11.1.15 用画布测试视频247

11.1.16在画布上显示文字250

11.1.17关注可访问性254

11.1.18其他阅读材料254

11.2 SVG254

11.2.1在SVG上绘制255

11.2.2使用Inkscape创建SVG图像258

11.2.3 SVG过滤器258

11.2.4使用Rapha？l库259

11.2.5画布与SVG261

11.3拖放262

11.3.1给WAI-ARIA猫喂食263

11.3.2使元素可拖动264

11.3.3 DataTransfer对象265

11.3.4接受可以放下的元素266

11.3.5其他阅读材料269

11.4结束了，朋友们！269

附录A Modernizr271

附录B WAI-ARIA277

附录C微数据281