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

下册 467

第18章CSS 3概述 467

18.1概要介绍 468

18.1.1 CSS 3是什么 468

18.1.2 CSS 3的历史 468

18.2使用CSS 3能做什么 469

18.2.1模块与模块化结构 469

18.2.2一个简单的CSS 3示例 470

第19章 选择器 473

19.1选择器概述 475

19.2属性选择器 475

19.2.1属性选择器概述 475

19.2.2 CSS3中的属性选择器 477

19.2.3灵活运用属性选择器 478

19.3结构性伪类选择器 479

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

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

19.3.3选择器：first-child、 last-child、 nth-child和nth-last-child 488

19.3.4选择器：nth-of-type和nth-last-of-type 492

19.3.5循环使用样式 494

19.3.6 only-child选择器 496

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

19.4.1选择器： E：hover、 E：active和E：focus 498

19.4.2 E：enabled伪类选择器与E：disabled伪类选择器 500

19.4.3 E：read-only伪类选择器与E： read-write伪类选择器 501

19.4.4伪类选择器：E：checked、 E：default和E：indeterminate 502

19.4.5 E：：selection伪类选择器 505

19.4.6 E：invalid伪类选择器与E：valid伪类选择器 506

19.4.7 E：required伪类选择器与E：optional伪类选择器 507

19.4.8 E：in-range伪类选择器与E： out-of-range伪类选择器 508

19.5通用兄弟元素选择器 509

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

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

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

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

20.2插入图像文件 514

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

20.2.2插入图像文件的好处 515

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

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

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

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

20.3.3指定编号的样式 519

20.3.4指定编号的种类 519

20.3.5编号嵌套 520

20.3.6中编号中嵌入大编号 521

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

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

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

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

21.1.2位移距离 528

21.1.3阴影的模糊半径 528

21.1.4阴影的颜色 529

21.1.5指定多个阴影 529

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

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

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

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

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

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

21.4.2定义斜体或粗体字体 534

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

21.4.4属性值的指定 537

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

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

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

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

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

第22章 盒相关样式 543

22.1盒的类型 544

22.1.1盒的基本类型 544

22.1.2 inline-block类型 545

22.1.3 inline-table类型 552

22.1.4 list-item类型 554

22.1.5 run-in类型与compact类型 555

22.1.6表格相关类型 556

22.1.7 none类型 558

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

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

22.2.1 overflow属性 560

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

22.2.3 text-overflow属性 563

22.3对盒使用阴影 565

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

22.3.2将参数设定为0 566

22.3.3对盒内子元素使用阴影 567

22.3.4对第一个文字或第一行使用阴影 568

22.3.5对表格及单元格使用阴影 568

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

22.4.1 box-sizing属性 570

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

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

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

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

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

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

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

23.3圆角边框的绘制 583

23.3.1 border-radius属性 583

23.3.2在border-radius属性中指定两个半径 584

23.3.3不显示边框时 585

23.3.4修改边框种类时 585

23.3.5绘制四个角不同半径的圆角边框 585

23.4使用图像边框 586

23.4.1 border-image属性 586

23.4.2 border-image属性的最简单的使用方法 587

23.4.3使用border-image属性来指定边框宽度 589

23.4.4中央图像的自动拉伸 590

23.4.5指定四条边中图像的显示方法 591

23.4.6使用背景图像 594

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

24.1 transform功能的基础知识 597

24.1.1如何使用transform功能 597

24.1.2 transform功能的分类 598

24.2对一个元素使用多种变形的方法 602

24.2.1两个变形示例 602

24.2.2指定变形的基准点 604

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

25.1 Transitions功能 608

25.1.1 Transitions功能的使用方法 608

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

25.2 Animations功能 612

25.2.1 Animations功能的使用方法 612

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

25.2.3实现动画的方法 616

25.2.4实现网页的淡入效果 618

第26章 布局相关样式 619

26.1多栏布局 620

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

26.1.2使用多栏布局方式 622

26.2盒布局 625

26.2.1盒布局的基础知识 625

26.2.2弹性盒布局 629

第27章Media Queries相关样式 641

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

27.2在iPhone中的显示 646

27.3 Media Queries的使用方法 647

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

28.1颜色相关样式 651

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

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

28.1.3指定颜色值为transparent 655

28.2用户界面相关样式 656

28.2.1轮廓相关样式 656

28.2.2 resize属性 659

28.3取消对元素的样式指定——initial属性值 660

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

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

第29章 综合实例 664

29.1实例1：使用HTML5中新增结构元素来构建网页 665

29.1.1组织网页结构 665

29.1.2构建网页标题 667

29.1.3构建侧边栏 670

29.1.4构建主体内容 672

29.1.5构建版权信息 678

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

29.2.1 HTML 5页面代码分析 679

29.2.2 CSS 3样式代码分析 682

29.2.3 JavaScript脚本代码分析 685

附录A可以在各种浏览器中运行的所有命令 698

附录B 2012年7月五大浏览器的最新版对HTML 5的支持情况 706