《 Web开发技术丛书HTML 5与CSS3权威指南下册PDF网盘免费下载

2021-01-26 16:28:30 小八 0点热度 1人阅读

简介:简介:《HTML5与CSS 3权威指南第3版下册》是HTML 5与CSS 3领域公认的标杆之作,不仅是HTML 5与CSS 3图书领域当之无愧的领头羊,而且在整个原创计算机图书领域是佼佼者。

第3版首先从技术的角度根据最新的HTML 5和CSS 3标准进行了更新和补充,其次根据读者的反馈对内容的组织结构和写作方式做了进一步的优化,内容更经典,阅读体验也更好。

 

全书共29章,分为上下两册:

 

上册(1—17章)全面系统地讲解了HTML 5相关的技术,以HTML 5对现有Web应用产生的变革开篇,顺序讲解了HTML 5与HTML 4的区别、HTML 5的结构、表单及新增页面元素、图形绘制、多媒体、本地存储、文件、WebRTC通信、扩展的XMLHttpRequest、离线应用、WebWorkers、地理位置信息、拖放与通知等内容;下册(18—29章)全面系统地讲解了CSS 3相关的技术,以CSS 3的功能和模块结构开篇,顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。

 

全书一共389个示例页面和2个综合性的案例,所有代码均通过作者上机调试,读者可下载书中代码,直接在浏览器查看运行结果。

 HTML5与CSS权威指南下册pdf

陆凌牛,资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3有非常深入的研究,而且对Sencha Touch等移动应用开发框架也有非常深刻的认识,并且付诸了大量实践。同时,他还擅长微软与Java的相关技术,在C#、VB.NET、ASP.NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。

第18章 CSS 3概述 553

18.1 概要介绍 553

18.1.1 CSS 3是什么 553

18.1.2 CSS 3的历史 554

18.2 使用CSS 3能做什么 554

18.2.1 模块与模块化结构 554

18.2.2 一个简单的CSS 3示例 556

第19章 选择器 559

19.1 选择器概述 560

19.2 属性选择器 561

19.2.1 属性选择器概述 561

19.2.2 CSS 3中的属性选择器 563

19.2.3 灵活运用属性选择器 564

19.3 结构性伪类选择器 565

19.3.1 CSS中的伪类选择器及伪元素 565

19.3.2 选择器root、not、empty和target 570

19.3.3 选择器first-child、last-child、nth-child和nth-last-child 574

19.3.4 选择器nth-of-type和nth-last-of-type 579

19.3.5 循环使用样式 582

19.3.6 only-child选择器 584

19.4 UI元素状态伪类选择器 585

19.4.1 伪类选择器E:hover、E:active和E:focus 586

19.4.2 伪类选择器E:enabled与E:disabled 588

19.4.3 伪类选择器E:read-only与E:read-write 589

19.4.4 伪类选择器E:checked、E:default和E:indeterminate 590

19.4.5 伪类选择器E::selection 593

19.4.6 伪类选择器E:invalid与E:valid 595

19.4.7 伪类选择器E:required与E:optional 596

19.4.8 伪类选择器E:in-range与E:out-of-range 596

19.5 通用兄弟元素选择器 597

第20章 使用选择器在页面中插入内容 599

20.1 使用选择器来插入文字 599

20.1.1 使用选择器来插入内容 599

20.1.2 指定个别元素不进行插入 601

20.2 插入图像文件 602

20.2.1 在标题前插入图像文件 602

20.2.2 插入图像文件的好处 603

20.2.3 将alt属性的值作为图像的标题来显示 605

20.3 使用content属性来插入项目编号 605

20.3.1 在多个标题前加上连续编号 606

20.3.2 在项目编号中追加文字 607

20.3.3 指定编号的样式 607

20.3.4 指定编号的种类 608

20.3.5 编号嵌套 608

20.3.6 中编号中嵌入大编号 610

20.3.7 在字符串两边添加嵌套文字符号 611

第21章 文字与字体相关样式 614

21.1 给文字添加阴影——text-shadow属性 614

21.1.1 text-shadow属性的使用方法 614

21.1.2 位移距离 616

21.1.3 阴影的模糊半径 617

21.1.4 阴影的颜色 617

21.1.5 指定多个阴影 618

21.2 让文本自动换行——word-break属性 618

21.2.1 依靠浏览器让文本自动换行 619

21.2.2 指定自动换行的处理方法 619

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

21.4 使用服务器端字体——Web Font与@font-face属性 621

21.4.1 在网页上显示服务器端字体 621

21.4.2 定义斜体或粗体字体 623

21.4.3 显示客户端本地的字体 625

21.4.4 属性值的指定 627

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

21.5.1 字体不同导致文字大小的不同 628

21.5.2 font-size-adjust属性的使用方法 629

21.5.3 浏览器对于aspect值的计算方法 629

21.5.4 font-size-adjust属性的使用示例 630

21.6 使用rem单位定义字体大小 631

第22章 盒相关样式 633

22.1 盒的类型 633

22.1.1 盒的基本类型 633

22.1.2 inline-block类型 635

22.1.3 inline-table类型 642

22.1.4 list-item类型 644

22.1.5 run-in类型与compact类型 645

22.1.6 表格相关类型 646

22.1.7 none类型 648

22.1.8 各种浏览器对于各种盒类型的支持情况 649

22.2 对于盒中容纳不下的内容的显示 650

22.2.1 overflow属性 650

22.2.2 overflow-x属性与overflow-y属性 653

22.2.3 text-overflow属性 654

22.3 对盒使用阴影 656

22.3.1 box-shadow属性的使用方法 656

22.3.2 将参数设定为0 656

22.3.3 创建盒内阴影 658

22.3.4 对盒内子元素使用阴影 658

22.3.5 对第一个文字或第一行使用阴影 659

22.3.6 对表格及单元格使用阴影 660

22.4 指定针对元素的宽度与高度的计算方法 661

22.4.1 box-sizing属性 661

22.4.2 为什么要使用box-sizing属性 664

第23章 背景与边框相关样式 666

23.1 与背景相关的新增属性 666

23.1.1 指定背景的显示范围——background-clip属性 667

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

23.1.3 指定背景图像的尺寸——background-size属性 672

23.1.4 新增的用于平铺背景图像的选项——space与round 676

23.2 在一个元素中显示多个背景图像 678

23.3 使用渐变色背景 679

23.3.1 绘制线性渐变 679

23.3.2 绘制放射性渐变 682

23.4 圆角边框的绘制 685

23.4.1 border-radius属性 686

23.4.2 在border-radius属性中指定两个半径 686

23.4.3 不显示边框的时候 687

23.4.4 修改边框种类的时候 688

23.4.5 绘制四个角不同半径的圆角边框 688

23.5 使用图像边框 688

23.5.1 border-image属性 688

23.5.2 border-image属性的最简单的使用方法 690

23.5.3 使用border-image属性来指定边框宽度 692

23.5.4 指定4条边中图像的显示方法 693

23.5.5 使用背景图像 696

第24章 CSS 3中的变形处理 698

24.1 transform功能的基础知识 698

24.1.1 如何使用transform功能 698

24.1.2 transform功能的分类 699

24.2 对一个元素使用多种变形 704

24.2.1 对一个元素使用多种变形的方法 704

24.2.2 指定变形的基准点 707

24.3 使用3D变形功能 709

24.3.1 3D变形功能概述 709

24.3.2 实现3D变形功能 710

24.4 变形矩阵 718

24.4.1 矩阵概述 718

24.4.2 变形与坐标系统 719

24.4.3 计算2D变形 719

24.4.4 计算3D变形 721

24.4.5 通过矩阵执行多重变形处理 722

第25章 CSS 3中的动画功能 725

25.1 Transitions功能 725

25.1.1 Transitions功能的使用方法 726

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

25.2 Animations功能 730

25.2.1 Animations功能的使用方法 730

25.2.2 实现多个属性值同时改变的动画 733

25.2.3 实现动画的方法 736

25.2.4 实现网页的淡入效果 737

第26章 布局相关样式 739

26.1 多栏布局 740

26.1.1 使用float属性或position属性的缺点 740

26.1.2 使用多栏布局方式 741

26.2 盒布局 747

26.2.1 使用float属性或position属性时的缺点 747

26.2.2 使用盒布局 749

26.2.3 盒布局与多栏布局的区别 750

26.3 弹性盒布局 751

26.3.1 对多个元素使用flex属性 751

26.3.2 改变元素的显示顺序 753

26.3.3 改变元素的排列方向 754

26.3.4 元素宽度与高度的自适应 755

26.3.5 使用弹性盒布局来消除空白 758

26.3.6 对多个元素使用flex属性 759

26.3.7 控制换行方式 766

26.3.8 指定水平方向与垂直方向的对齐方式 769

26.4 calc方法 781

26.4.1 calc方法概述 781

26.4.2 calc方法使用示例 781

第27章 Media Queries相关样式 783

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

27.2 在iPhone中的显示 788

27.3 Media Queries的使用方法 789

第28章 CSS 3的其他重要样式和属性 792

28.1 颜色相关样式 792

28.1.1 利用alpha通道来设定颜色 793

28.1.2 alpha通道与opacity属性的区别 795

28.1.3 指定颜色值为transparent 797

28.2 用户界面相关样式 798

28.2.1 轮廓相关样式 799

28.2.2 resize属性 801

28.3 使用initial属性值取消对元素的样式指定 802

28.3.1 取消对元素的样式指定 802

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

28.4 实现CSS 3中的滤镜特效 805

28.4.1 滤镜特效概述 805

28.4.2 实现滤镜特效 806

第29章 综合实例 815

29.1 实例1:使用HTML 5中新增结构元素来构建网页 815

29.1.1 组织网页结构 815

29.1.2 构建网页标题 818

29.1.3 构建侧边栏 820

29.1.4 构建主体内容 823

29.1.5 构建版权信息 829

29.2 实例2:使用HTML 5+CSS 3来构建Web应用程序 829

29.2.1 HTML 5页面代码分析 830

29.2.2 CSS 3样式代码分析 833

29.2.3 JavaScript脚本代码分析 836

附录A 截至2015年5月五大浏览器最新版对HTML 5的支持情况 844