HTML 5与CSS 3权威指南（第3版·下册）

作品简介

本书详细介绍了CSS 3中各种新增样式与属性，其中主要包括CSS 3中的各种选择器、文字与字体、背景与边框、各种盒模型、CSS 3中的布局方式、CSS 3中的变形与动画、CSS 3中与媒体类型相关的一些样式与属性等。同时详细讲述了这些样式与属性到目前为止受到了哪些浏览器支持，以及针对不同浏览器应该怎样在样式代码中正确使用各种属性。最后详细讲解了两个实例，第一个实例展示了如何在一个用HTML 5语言编写而成的页面中综合运用HTML 5中新增的各种结构元素，如何对这些结构元素综合使用CSS 3样式；第二个实例展示了如何使用HTML 5中新增的表单元素以及操作本地数据库的功能来实现一个具有现代风格的Web应用程序，如何在这个由HTML 5语言编写而成的Web应用程序中综合使用CSS 3样式来完成页面的布局以及视觉效果的美化工作。

陆凌牛，资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年，对各种Web开发技术（包括前端和后端）都有非常深入的研究，经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者，不仅对HTML 5与CSS 3的理论知识有比较深入的认识，而且已经大量在实践中付诸应用。此外，他还擅长微软与Java的相关技术，在C#、VB-NET、ASP-NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。

作品目录

• 前言
• 第18章　CSS 3概述
• 18.1　概要介绍
• 18.1.1　CSS 3是什么
• 18.1.2　CSS 3的历史
• 18.2　使用CSS 3能做什么
• 18.2.1　模块与模块化结构
• 18.2.2　一个简单的CSS 3示例
• 第19章　选择器
• 19.1　选择器概述
• 19.2　属性选择器
• 19.2.1　属性选择器概述
• 19.2.2　CSS 3中的属性选择器
• 19.2.3　灵活运用属性选择器
• 19.3　结构性伪类选择器
• 19.3.1　CSS中的伪类选择器及伪元素
• 19.3.2　选择器root、not、empty和target
• 19.3.3　选择器first-child、last-child、nth-child和nth-last-child
• 19.3.4　选择器nth-of-type和nth-last-of-type
• 19.3.5　循环使用样式
• 19.3.6　only-child选择器
• 19.4　UI元素状态伪类选择器
• 19.4.1　伪类选择器E：hover、E：active和E：focus
• 19.4.2　伪类选择器E：enabled与E：disabled
• 19.4.3　伪类选择器E：read-only与E：read-write
• 19.4.4　伪类选择器E：checked、E：default和E：indeterminate
• 19.4.5　伪类选择器E：：selection
• 19.4.6　伪类选择器E：invalid与E：valid
• 19.4.7　伪类选择器E：required与E：optional
• 19.4.8　伪类选择器E：in-range与E：out-of-range
• 19.5　通用兄弟元素选择器
• 第20章　使用选择器在页面中插入内容
• 20.1　使用选择器来插入文字
• 20.1.1　使用选择器来插入内容
• 20.1.2　指定个别元素不进行插入
• 20.2　插入图像文件
• 20.2.1　在标题前插入图像文件
• 20.2.2　插入图像文件的好处
• 20.2.3　将alt属性的值作为图像的标题来显示
• 20.3　使用content属性来插入项目编号
• 20.3.1　在多个标题前加上连续编号
• 20.3.2　在项目编号中追加文字
• 20.3.3　指定编号的样式
• 20.3.4　指定编号的种类
• 20.3.5　编号嵌套
• 20.3.6　中编号中嵌入大编号
• 20.3.7　在字符串两边添加嵌套文字符号
• 第21章　文字与字体相关样式
• 21.1　给文字添加阴影——text-shadow属性
• 21.1.1　text-shadow属性的使用方法
• 21.1.2　位移距离
• 21.1.3　阴影的模糊半径
• 21.1.4　阴影的颜色
• 21.1.5　指定多个阴影
• 21.2　让文本自动换行——word-break属性
• 21.2.1　依靠浏览器让文本自动换行
• 21.2.2　指定自动换行的处理方法
• 21.3　让长单词与URL地址自动换行——word-wrap属性
• 21.4　使用服务器端字体——Web Font与@font-face属性
• 21.4.1　在网页上显示服务器端字体
• 21.4.2　定义斜体或粗体字体
• 21.4.3　显示客户端本地的字体
• 21.4.4　属性值的指定
• 21.5　修改字体种类而保持字体尺寸不变——font-size-adjust属性
• 21.5.1　字体不同导致文字大小的不同
• 21.5.2　font-size-adjust属性的使用方法
• 21.5.3　浏览器对于aspect值的计算方法
• 21.5.4　font-size-adjust属性的使用示例
• 21.6　使用rem单位定义字体大小
• 第22章　盒相关样式
• 22.1　盒的类型
• 22.1.1　盒的基本类型
• 22.1.2　inline-block类型
• 22.1.3　inline-table类型
• 22.1.4　list-item类型
• 22.1.5　run-in类型与compact类型
• 22.1.6　表格相关类型
• 22.1.7　none类型
• 22.1.8　各种浏览器对于各种盒类型的支持情况
• 22.2　对于盒中容纳不下的内容的显示
• 22.2.1　overflow属性
• 22.2.2　overflow-x属性与overflow-y属性
• 22.2.3　text-overflow属性
• 22.3　对盒使用阴影
• 22.3.1　box-shadow属性的使用方法
• 22.3.2　将参数设定为0
• 22.3.3　创建盒内阴影
• 22.3.4　对盒内子元素使用阴影
• 22.3.5　对第一个文字或第一行使用阴影
• 22.3.6　对表格及单元格使用阴影
• 22.4　指定针对元素的宽度与高度的计算方法
• 22.4.1　box-sizing属性
• 22.4.2　为什么要使用box-sizing属性
• 第23章　背景与边框相关样式
• 23.1　与背景相关的新增属性
• 23.1.1　指定背景的显示范围——background-clip属性
• 23.1.2　指定背景图像的绘制起点——background-origin属性
• 23.1.3　指定背景图像的尺寸——background-size属性
• 23.1.4　新增的用于平铺背景图像的选项——space与round
• 23.2　在一个元素中显示多个背景图像
• 23.3　使用渐变色背景
• 23.3.1　绘制线性渐变
• 23.3.2　绘制放射性渐变
• 23.4　圆角边框的绘制
• 23.4.1　border-radius属性
• 23.4.2　在border-radius属性中指定两个半径
• 23.4.3　不显示边框的时候
• 23.4.4　修改边框种类的时候
• 23.4.5　绘制四个角不同半径的圆角边框
• 23.5　使用图像边框
• 23.5.1　border-image属性
• 23.5.2　border-image属性的最简单的使用方法
• 23.5.3　使用border-image属性来指定边框宽度
• 23.5.4　指定4条边中图像的显示方法
• 23.5.5　使用背景图像
• 第24章　CSS 3中的变形处理
• 24.1　transform功能的基础知识
• 24.1.1　如何使用transform功能
• 24.1.2　transform功能的分类
• 24.2　对一个元素使用多种变形
• 24.2.1　对一个元素使用多种变形的方法
• 24.2.2　指定变形的基准点
• 24.3　使用3D变形功能
• 24.3.1　3D变形功能概述
• 24.3.2　实现3D变形功能
• 24.4　变形矩阵
• 24.4.1　矩阵概述
• 24.4.2　变形与坐标系统
• 24.4.3　计算2D变形
• 24.4.4　计算3D变形
• 24.4.5　通过矩阵执行多重变形处理
• 第25章　CSS 3中的动画功能
• 25.1　Transitions功能
• 25.1.1　Transitions功能的使用方法
• 25.1.2　使用Transitions功能同时平滑过渡多个属性值
• 25.2　Animations功能
• 25.2.1　Animations功能的使用方法
• 25.2.2　实现多个属性值同时改变的动画
• 25.2.3　实现动画的方法
• 25.2.4　实现网页的淡入效果
• 第26章　布局相关样式
• 26.1　多栏布局
• 26.1.1　使用float属性或position属性的缺点
• 26.1.2　使用多栏布局方式
• 26.2　盒布局
• 26.2.1　使用float属性或position属性时的缺点
• 26.2.2　使用盒布局
• 26.2.3　盒布局与多栏布局的区别
• 26.3　弹性盒布局
• 26.3.1　对多个元素使用flex属性
• 26.3.2　改变元素的显示顺序
• 26.3.3　改变元素的排列方向
• 26.3.4　元素宽度与高度的自适应
• 26.3.5　使用弹性盒布局来消除空白
• 26.3.6　对多个元素使用flex属性
• 26.3.7　控制换行方式
• 26.3.8　指定水平方向与垂直方向的对齐方式
• 26.4　calc方法
• 26.4.1　calc方法概述
• 26.4.2　calc方法使用示例
• 第27章　Media Queries相关样式
• 27.1　根据浏览器的窗口大小来选择使用不同的样式
• 27.2　在iPhone中的显示
• 27.3　Media Queries的使用方法
• 第28章　CSS 3的其他重要样式和属性
• 28.1　颜色相关样式
• 28.1.1　利用alpha通道来设定颜色
• 28.1.2　alpha通道与opacity属性的区别
• 28.1.3　指定颜色值为transparent
• 28.2　用户界面相关样式
• 28.2.1　轮廓相关样式
• 28.2.2　resize属性
• 28.3　使用initial属性值取消对元素的样式指定
• 28.3.1　取消对元素的样式指定
• 28.3.2　使用initial属性值并不等于取消样式设定的特例
• 28.4　实现CSS 3中的滤镜特效
• 28.4.1　滤镜特效概述
• 28.4.2　实现滤镜特效
• 第29章　综合实例
• 29.1　实例1：使用HTML 5中新增结构元素来构建网页
• 29.1.1　组织网页结构
• 29.1.2　构建网页标题
• 29.1.3　构建侧边栏
• 29.1.4　构建主体内容
• 29.1.5　构建版权信息
• 29.2　实例2：使用HTML 5+CSS 3来构建Web应用程序
• 29.2.1　HTML 5页面代码分析
• 29.2.2　CSS 3样式代码分析
• 29.2.3　JavaScript脚本代码分析
• 附录A　截至2015年5月五大浏览器最新版对HTML 5的支持情况