产品特色
编辑推荐
超级畅销书,HTML 5与CSS 3领域公认的标杆之作,前两版累计印刷超过15次,网络书店评论超过8000条。
专家根据HTML 5和CSS 3新技术标准撰写,内容系统全面,详尽讲解了HTML 5与CSS 3的功能和特性,包含大量案例,可操作性极强
更多精彩,点击进入品牌店查阅>>
内容简介
全书是HTML 5与CSS 3领域公认的标杆之作,被读者誉为“系统学习HTML 5与CSS 3的著作”和“Web前端工程师案头必备图书之一”。
前两版累计印刷超过15次,网络书店评论超过8000条,98%以上的评论都是五星级的好评。不仅是HTML 5与CSS 3图书领域当之无愧的领头羊,而且在整个原创计算机图书领域是佼佼者。
第3版首先从技术的角度根据新的HTML 5和CSS 3标准进行了更新和补充,其次根据读者的反馈对内容的组织结构和写作方式做了进一步的优化,内容更经典,阅读体验也更好。
全书共29章,分为上下两册:
上册(1~17章)全面系统地讲解了HTML 5相关的技术,以HTML 5对现有Web应用产生的变革开篇,顺序讲解了HTML 5与HTML 4的区别、HTML 5的结构、表单及新增页面元素、图形绘制、多媒体、本地存储、文件、WebRTC通信、扩展的XML HttpRequest、离线应用、Web Workers、地理位置信息、拖放与通知等内容;
下册(18~29章)全面系统地讲解了CSS 3相关的技术,以CSS 3的功能和模块结构开篇,顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。
全书一共389个示例页面和2个综合性的案例,所有代码均通过作者上机调试,读者可下载书中代码,直接在浏览器查看运行结果。
作者简介
陆凌牛,Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3有非常深入的研究,而且对Sencha Touch、Node.js等开发框架也有非常深入的研究,并且付诸了大量实践。同时,他还擅长微软与Java的相关技a术,在C#、VB.NET、ASP.NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。
此外,他还是一位颇有影响力的技术作家:
《HMTL 5与CSS 3指南》凭借优质的内容深受读者好评,同类书只能望其项背。前两版累计印刷超过15次,超过8万册,被读者誉为“系统学习HTML 5与CSS 3的著作”和“Web前端工程师案头必备图书之一”, 不仅是HTML 5与CSS 3领域的领头羊和标杆,而且是近年来原创计算机图书领域的一面旗帜。
《HTML 5开发精要与案例详解》、《Sencha Touch指南》、《Node.js指南》等著作同样也取得了非常好的口碑和。
目录
下 册
第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 选择器f irst-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 overf low属性 650
22.2.2 overf low-x属性与overf low-y属性 653
22.2.3 text-overf low属性 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 使用f loat属性或position属性的缺点 740
26.1.2 使用多栏布局方式 741
26.2 盒布局 747
26.2.1 使用f loat属性或position属性时的缺点 747
26.2.2 使用盒布局 749
26.2.3 盒布局与多栏布局的区别 750
26.3 弹性盒布局 751
26.3.1 对多个元素使用f lex属性 751
26.3.2 改变元素的显示顺序 753
26.3.3 改变元素的排列方向 754
26.3.4 元素宽度与高度的自适应 755
26.3.5 使用弹性盒布局来消除空白 758
26.3.6 对多个元素使用f lex属性 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
前言/序言
为何写作本书
2014年10月28日,W3C的HTML工作组正式发布了HTML 5的正式推荐标准(W3C Recommendation),这一消息是W3C在美国圣克拉拉举行的W3C技术大会及顾问委员会会议(TPAC 2014)上宣布的。HTML 5在这一版本中增加了支持Web应用开发者的许多新特性,以及更符合开发者使用习惯的新元素,并重点关注定义清晰的、一致的准则,以确保Web应用和内容在不同用户代理(浏览器)中的互操作性。HTML 5是构建开放Web平台的核心。
2015年4月9日,W3C的CSS工作组发布CSS基本用户接口模块(CSS Basic User Interface Module Level 3,CSS3 UI)的标准工作草案。该文档描述了CSS 3中对HTML、XML(包括XHTML)进行样式处理所需的与用户界面相关的CSS选择器(selectors)、属性及属性值。它包含并扩展了在CSS Level 2及Selector规范中定义的与用户接口有关的特性。
HTML 5带来了一组新的用户体验,如Web的音频和视频不再需要插件,通过Canvas更灵活地完成图像绘制,而不必考虑屏幕的分辨率,浏览器对可扩展矢量图(SVG)和数学标记语言(MathML)的本地支持,通过引入新的注释信息以增强对东亚文字呈现(Ruby)的支持,对富Web应用信息无障碍新特性的支持,等等。
前端技术将进入一个崭新的时代,至少已经开启了这扇门。
在这种局势下,学习HTML 5无疑成为Web开发者的一大重要任务,谁先学会HTML 5,谁就掌握了开启未来Web平台的一把钥匙。因此,笔者希望借助此书帮助国内的Web开发者更好地学习HTML 5以及与之相伴的CSS 3技术,早日运用这些技术开发出一个具有现代水平的、在未来的Web平台上正常运行的Web网站或Web应用程序。
第3版与第2版的区别
自2013年上半年本书第2版出版以来,一直受到广大读者的欢迎,笔者在这里首先感谢广大读者的支持。自本书第2版出版之后,HTML 5与CSS 3标准处于不断发展中,各主流浏览器也以最快的速度对HTML 5中各种最新公布的API提供了支持,其中包括各种新增元素、WebRTC通信API、鼠标指针锁定API、JavaScript Promise等。因此,本书以第2版的内容为基础,添加对2013上半年到2015年5月之间HTML 5中新增的各种元素及API的介绍,同时更新各主流浏览器对CSS 3的最新支持情况,以使读者能够学到2015年5月为止关于HTML 5与CSS 3标准的各种知识,了解各种最新浏览器对HTML 5与CSS 3标准的支持情况,能够早日通过这些新知识打造一个HTML 5时代功能强大的Web网站或Web应用程序。
具体来说,本书在第2版的基础上做出了如下主要修改:
第2章中新增部分HTML 5属性。
第3章中新增对main元素的介绍,移除第2版中对hgroup元素(HTML 5标准中已废除该元素)的介绍。
第4章中新增对dialog元素的介绍。
第5章(第2版中第6章)中新增“使用Path2D对象绘制路径”和“图形、图像的组合与混合”的内容。
第6章(第2版中的第15章)中新增“对音频或视频添加字幕”内容。
第10章中新增“在IndexedDB数据库中保存Blob对象”内容。
新增第12章对WebRTC通信的介绍。
第17章(第2版中的第16章)中新增“鼠标指针锁定API”、“requestAnimationFrame”、“Mutation Observer”、“JavaScript Promise”、“Beacon API”内容。
第21章中新增“使用rem单位定义字体大小”内容。
第22章中新增“创建盒内阴影”内容。
第23章中新增“新增的用于平铺背景图像的选项—space与round”和“使用渐变色背景”内容。
第24章中新增“使用3D变形功能”及“变形矩阵”内容。
第26章中根据CSS 3最新标准的内容重新编写“弹性盒布局”并新增“calc方法”内容。
HTML 5与CSS 3权威指南(第3版 下册) 电子书 下载 mobi epub pdf txt