HTML 5与CSS 3权威指南【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

HTML 5与CSS 3权威指南PDF格式电子书版下载

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

第1章Web时代的变迁1

1.1迎接新的Web时代2

1.1.1 HTML 5时代即将来临2

1.1.2 HTML 5的目标4

1.2 HTML 5会深受欢迎的理由4

1.2.1世界知名浏览器厂商对HTML 5的支持4

1.2.2第一个理由：时代的要求5

1.2.3第二个理由：Internet Explorer 86

1.3可以放心使用HTML 5的三个理由6

1.4 HTML 5要解决的三个问题7

第2章HTML 5与HTML 4的区别9

2.1语法的改变10

2.1.1 HTML 5的语法变化10

2.1.2 HTML 5中的标记方法11

2.1.3 HTML 5确保了与之前HTML版本的兼容性11

2.1.4标记示例13

2.2新增的元素和废除的元素13

2.2.1新增的结构元素13

2.2.2新增的其他元素15

2.2.3新增的input元素的类型19

2.2.4废除的元素19

2.3新增的属性和废除的属性20

2.3.1新增的属性20

2.3.2废除的属性21

2.4全局属性23

2.4.1 contentEditable属性23

2.4.2 designMode属性24

2.4.3 hidden属性25

2.4.4 spellcheck属性25

2.4.5 tabindex属性25

第3章HTML 5的结构27

3.1新增的主体结构元素28

3.1.1 article元素28

3.1.2 section元素30

3.1.3 nav元素32

3.1.4 aside元素33

3.1.5 time元素与微格式35

3.1.6 pubdate属性36

3.2新增的非主体结构元素36

3.2.1 header元素37

3.2.2 hgroup元素38

3.2.3 footer元素38

3.2.4 address元素39

3.3 HTML 5结构40

3.3.1大纲40

3.3.2对新的结构元素使用样式43

3.3.3 article元素的样式44

第4章表单与文件45

4.1新增元素与属性46

4.1.1新增属性46

4.1.2大幅度地增加与改良了input元素的种类49

4.1.3对新的表单元素使用样式54

4.1.4 output元素的追加55

4.2表单验证55

4.2.1自动验证55

4.2.2显式验证57

4.2.3取消验证58

4.2.4自定义错误信息58

4.3增强的页面元素59

4.3.1新增的figure元素与figcaption元素60

4.3.2新增的details元素61

4.3.3新增的mark元素62

4.3.4新增的progress元素64

4.3.5新增的meter元素65

4.3.6新增的menu元素与command元素66

4.3.7改良的o1列表66

4.3.8改良的dl列表67

4.3.9加以严格限制的cite元素68

4.3.10重新定义的small元素69

4.4文件API69

4.4.1 FileList对象与file对象69

4.4.2 Blob对象70

4.4.3 FileReader接口72

4.5拖放API77

4.5.1实现拖放的步骤77

4.5.2 DataTransfer对象的属性与方法80

4.5.3设定拖放时的视觉效果80

4.5.4自定义拖放图标81

第5章 绘制图形82

5.1 canvas元素的基础知识83

5.1.1在页面中放置canvas元素83

5.1.2绘制矩形84

5.2使用路径86

5.2.1绘制圆形86

5.2.2如果没有关闭路径会怎么样88

5.2.3 moveTo与lineTo90

5.2.4使用bezierCurveTo绘制贝济埃曲线91

5.3绘制渐变图形93

5.3.1绘制线性渐变93

5.3.2绘制径向渐变95

5.4绘制变形图形96

5.4.1坐标变换96

5.4.2坐标变换与路径的结合使用98

5.4.3矩阵变换99

5.5图形组合103

5.6给图形绘制阴影105

5.7使用图像107

5.7.1绘制图像107

5.7.2图像平铺109

5.7.3图像裁剪111

5.7.4像素处理113

5.8绘制文字115

5.9补充知识117

5.9.1保存与恢复状态117

5.9.2保存文件118

5.9.3简单动画的制作119

第6章 多媒体播放122

6.1 video元素与audio元素的基础知识123

6.1.1 HTML 4页面中播放视频或音频的方法123

6.1.2 HTML 5页面中播放视频或音频的方法124

6.2属性125

6.3方法129

6.4事件132

6.4.1事件处理方式132

6.4.2事件介绍132

6.4.3事件捕捉示例133

第7章 本地存储135

7.1 Web Storage136

7.1.1Web Storage是什么136

7.1.2简单Web留言本139

7.1.3作为简易数据库来利用141

7.2本地数据库144

7.2.1本地数据库的基本概念144

7.2.2用executeSql来执行查询145

7.2.3使用数据库实现Web留言本146

7.2.4 transaction方法中的处理149

第8章 离线应用程序151

8.1离线Web应用程序详解152

8.1.1新增的本地缓存152

8.1.2本地缓存与浏览器网页缓存的区别152

8.2 manifest文件153

8.3浏览器与服务器的交互过程155

8.4 applicationCache对象156

8.4.1 swapCache方法157

8.4.2 applicationCache对象的事件158

第9章 通信API162

9.1跨文档消息传输163

9.1.1跨文档消息传输的基本知识163

9.1.2跨文档消息传输示例163

9.2 Web Sockets通信166

9.2.1 Web Sockets通信的基本知识166

9.2.2使用Web Sockets API166

9.2.3 Web Sockets API使用示例167

9.2.4发送对象168

第10章 使用Web Workers处理线程170

10.1基础知识171

10.2与线程进行数据的交互174

10.3线程嵌套176

10.3.1单层嵌套176

10.3.2在多个子线程中进行数据的交互178

10.4线程中可用的变量、函数与类180

第11章 获取地理位置信息181

11.1 Geolocation API的基本知识182

11.1.1取得当前地理位置182

11.1.2持续监视当前地理位置的信息184

11.1.3停止获取当前用户的地理位置信息184

11.2 position对象184

11.3在页面上使用google地图186

第12章CSS 3概述189

12.1概要介绍190

12.1.1 CSS 3是什么190

12.1.2 CSS 3的历史190

12.2使用CSS 3能做什么191

12.2.1模块与模块化结构191

12.2.2一个简单的CSS 3示例192

第13章 选择器195

13.1选择器概述197

13.2属性选择器197

13.2.1属性选择器是什么197

13.2.2 CSS 3中的属性选择器199

13.2.3灵活运用属性选择器200

13.3结构性伪类选择器201

13.3.1 CSS中的伪类选择器及伪元素201

13.3.2选择器root、not、empty和target205

13.3.3选择器：first-child、last-child、nth-child和nth-last-child210

13.3.4选择器：nth-of-type和nth-last-of-type214

13.3.5循环使用样式216

13.3.6 only-child选择器218

13.4 UI元素状态伪类选择器219

13.4.1选择器：E：hover、E：active和E：focus220

13.4.2 E：enabled伪类选择器与E：disabled伪类选择器222

13.4.3 E：read-only伪类选择器与E：read-write伪类选择器223

13.4.4伪类选择器：E：checked、E：default和E：indeterminate224

13.4.5 E：：selection伪类选择器226

13.5通用兄弟元素选择器228

第14章 使用选择器在页面中插入内容230

14.1使用选择器来插入文字231

14.1.1使用选择器来插入内容231

14.1.2指定个别元素不进行插入232

14.2插入图像文件234

14.2.1在标题前插入图像文件234

14.2.2插入图像文件的好处234

14.2.3将alt属性的值作为图像的标题来显示236

14.3使用content属性来插入项目编号237

14.3.1在多个标题前加上连续编号237

14.3.2在项目编号中追加文字238

14.3.3指定编号的样式238

14.3.4指定编号的种类238

14.3.5编号嵌套239

14.3.6中编号中嵌入大编号240

14.3.7在字符串两边添加嵌套文字符号242

第15章 文字与字体相关样式244

15.1给文字添加阴影——text-shadow属性245

15.1.1 text-shadow属性的使用方法245

15.1.2位移距离247

15.1.3阴影的模糊半径247

15.1.4阴影的颜色248

15.1.5指定多个阴影248

15.2让文本自动换行——word-break属性249

15.2.1依靠浏览器让文本自动换行249

15.2.2指定自动换行的处理方法249

15.3让长单词与URL地址自动换行——word-wrap属性251

15.4使用服务器端字体——Web Font与＠font-face属性251

15.4.1在网页上显示服务器端字体252

15.4.2定义斜体或粗体字体253

15.4.3显示客户端本地的字体255

15.4.4属性值的指定256

15.5修改字体种类而保持字体尺寸不变——font-size-adjust属性257

15.5.1字体不同导致文字大小的不同257

15.5.2 font-size-adjust属性的使用方法259

15.5.3浏览器对于aspect值的计算方法259

15.5.4 font-size-adjust属性的使用示例260

第16章 盒相关样式262

16.1盒的类型263

16.1.1盒的基本类型263

16.1.2 inline-block类型264

16.1.3 inline-table类型270

16.1.4 list-item类型272

16.1.5 run-in类型与compact类型273

16.1.6表格相关类型274

16.1.7 none类型276

16.1.8各种浏览器对于各种盒类型的支持情况277

16.2对于盒中容纳不下的内容的显示277

16.2.1 overflow属性278

16.2.2 overflow-x属性与overflow-y属性281

16.2.3 text-overflow属性281

16.3对盒使用阴影283

16.3.1 box-shadow属性的使用方法283

16.3.2将参数设定为0284

16.3.3对盒内子元素使用阴影285

16.3.4对第一个文字或第一行使用阴影286

16.3.5对表格及单元格使用阴影287

16.4指定针对元素的宽度与高度的计算方法288

16.4.1 box-sizing属性288

16.4.2为什么要使用box-sizing属性291

第17章 与背景和边框相关样式293

17.1与背景相关的新增属性294

17.1.1指定背景的显示范围——background-clip属性294

17.1.2指定绘制背景图像的绘制起点——background-origin属性296

17.1.3指定背景图像的尺寸——background-size属性299

17.1.4指定内联元素背景图像进行平铺时的循环方式——background-break属性301

17.2在一个元素中显示多个背景图像302

17.3圆角边框的绘制303

17.3.1 border-radius属性304

17.3.2在border-radius属性中指定两个半径305

17.3.3不显示边框的时候306

17.3.4修改边框种类的时候306

17.3.5绘制四个角不同半径的圆角边框306

17.4使用图像边框307

17.4.1 border-image属性307

17.4.2 border-image属性最简单的使用方法308

17.4.3使用border-image属性来指定边框宽度310

17.4.4中央图像的自动拉伸311

17.4.5指定四条边中图像的显示方法312

17.4.6使用背景图像315

第18章CSS 3中的变形处理317

18.1 transform功能的基础知识318

18.1.1如何使用transform功能318

18.1.2 transform功能的分类319

18.2对一个元素使用多种变形的方法323

18.2.1两个变形示例323

18.2.2指定变形的基准点325

第19章CSS 3中的动画功能328

19.1 Transitions功能329

19.1.1 Transitions功能的使用方法329

19.1.2使用Transitions功能同时平滑过渡多个属性值330

19.2 Animations功能333

19.2.1 Animations功能的使用方法333

19.2.2实现多个属性值同时改变的动画335

19.2.3实现动画的方法337

19.2.4实现网页的淡入效果339

第20章布局相关样式340

20.1多栏布局341

20.1.1使用float属性或position属性的缺点341

20.1.2使用多栏布局方式343

20.2盒布局346

20.2.1盒布局的基础知识346

20.2.2弹性盒布局350

第21章Media Queries相关样式362

21.1根据浏览器的窗口大小来选择使用不同的样式363

21.2在iPhone中的显示367

21.3 Media Queries的使用方法368

第22章CSS 3的其他重要样式和属性371

22.1颜色相关样式372

22.1.1利用alpha通道来设定颜色372

22.1.2 alpha通道与opacity属性的区别374

22.1.3指定颜色值为transparent376

22.2用户界面相关样式377

22.2.1轮廓相关样式377

22.2.2 resize属性380

22.3取消对元素的样式指定——initial属性值381

22.3.1取消对元素的样式指定381

22.3.2使用initial属性值并不等于取消样式设定的特例383

第23章综合实例385

23.1实例1：使用HTML 5中新增结构元素来构建网页386

23.1.1组织网页结构386

23.1.2 header元素中的内容388

23.1.3 aside元素中的内容395

23.1.4 section元素中的内容398

23.1.5 footer元素中的内容400

23.2实例2：使用HTML 5+CSS 3来构建Web应用程序401

23.2.1 HTML 5页面代码分析402

23.2.2 CSS 3样式代码分析405

23.2.3 JavaScript脚本代码分析409