HTML5+CSS3网页布局和样式精粹

第1篇 html篇

第1章 认识html和css——建立首要的、基础的正确认知

1.1 什么是标签语言

1.2 什么是sgml

1.2.1 sgml的应用

1.2.2 sgml的目标

1.2.3 sgml的优点

1.3 html和css的历史

1.3.1 html和css规范的制定者——w3c

1.3.2 html的历史版本

1.3.3 css的历史版本

1.3.4 标准、规范和实现

巩固与自测

第2章 html文档编写规范和基本结构

2.1 创建 第一个网页

2.2 html文档的基本结构

2.2.1 文档类型声明

2.2.2 [html][/html]标签对

2.2.3 [head][/head]标签对

.2.2.4 [body][/body]标签对

2.3 使用html5元素和属性

2.3.1 标签

2.3.2 元素和元素的形式

2.3.3 属性的定义

2.3.4 属性值的定义

2.3.5 元素和属性的大小写规范

2.4 全局属性

2.5 字符引用

2.5.1 字符数字引用

2.5.2 字符实体引用

2.6 为文档添加注释

2.7 关于空白和空白字符

2.7.1 关于断行符

2.7.2 空白字符

巩固与自测

第3章 html文档的头部和元数据定义

3.1 定义标题(title元素)

3.2 怎样定义元数据

3.2.1 定义元数据关键字

3.2.2 元数据的语言信息

3.2.3 元数据的其他定义方法

3.3 用于搜索引擎的标准元数据和用于web应用程序标示的标准元数据

3.3.1 定义编辑工具

3.3.2 定义关键字

3.3.3 定义概要描述

3.3.4 定义应用程序名

3.4 声明文档字符编码

3.5 实用元数据(属性http-equiv)

3.5.1 设置网页内容类型和字符集

3.5.2 设置网页所使用的语言

3.5.3 设置网页定时跳转

3.5.4 设置网页cookie存活时间

3.5.5 设置网页默认样式表

3.5.6 设置网页禁用浏览器缓存

3.5.7 设置网页到期

3.5.8 设置网页框架目标

3.5.9 设置网页转场效果

3.5.10 设置网页分级

巩固与自测

第4章 段落与文字

4.1 段落和行

4.1.1 段落(p元素)

4.1.2 控制换行(br元素和wbr元素)

4.1.3 连字符

4.1.4 预格式化文本(pre元素)

4.2 标记文章改变(ins元素和del元素)

4.3 基本文字格式(i,b,small,s)

4.3.1 small元素

4.3.2 s元素

4.4 加入水平分割线(hr元素)

4.5 语义化、结构化的文本

4.5.1 用于强调的短语元素(em元素和strong元素)

4.5.2 下标和上标(sub元素、sup元素)

4.5.3 注音显示(ruby、rt、rp元素)

4.5.4 引用(blockquote元素、q元素)

4.5.5 标注(cite元素)

4.5.6 用于缩写的短语元素(abbr元素)

4.5.7 用于定义术语的元素(dfn元素)

4.5.8 用于定义计算机代码片段的元素(code元素)

4.5.9 其他短语元素(samp、kbd、var元素)

4.5.10 突出显示文本(mark元素)

4.5.11 定义日期时间(time元素)

巩固与自测

第5章 建立列表

5.1 创建列表

5.1.1 有序列表(ol元素)

5.1.2 无序列表(ul元素)

5.1.3 解说列表(dl元素、dt元素、dd元素)

5.1.4 嵌套列表

5.2 自定义有序列表

5.2.1 定制有序列表中的序号(type属性)

5.2.2 定制有序列表中的列表项的起始数(start属性)

5.2.3 反转序号值(reversed属性)

5.2.4 定制有序列表中的列表项序号的数值(value属性)

巩固与自测

第6章 建立超链接

6.1 链接的基础知识

6.2 使用a元素定义超链接

6.2.1 定义链接的目标uri(href属性)

6.2.2 定义链接的目标窗口(target属性)

6.2.3 定义链接的提示信息(title属性)

6.2.4 国际化和链接(hreflang属性)

6.2.5 链接到电子邮件地址

6.2.6 链接到任何类型的文件以供下载

6.2.7 链接关系(rel属性)

6.2.8 链接介质(media属性)

6.3 定义书签和链接到书签

6.3.1 定义命名锚点(id属性)

6.3.2 链接到命名锚点

6.4 文档关系链接(link元素)

6.4.1 定义文档关系链接的地址(href属性)

6.4.2 定义链接关系(rel属性)

6.4.3 链接到外部样式表

6.4.4 使用link元素说明文档集合关系

6.4.5 链接到替代版本

6.4.6 链接到版权声明

6.4.7 链接到帮助

6.4.8 为文档指示一个图标

6.4.9 使用pingback实现引用计数

6.4.10 声明可作为搜索的资源

6.5 定义基准地址(base元素)

6.5.1 使用基准uri

6.5.2 用户浏览器如何决定相对uri

6.5.3 定义基准链接目标窗口(target属性)

巩固与自测

第7章 链入图片和创建热点区域

7.1 链入图片(img元素)

7.1.1 图片的源地址(src属性)

7.1.2 图片的幅面大小(width属性和height属性)

7.1.3 图片的说明(title属性)

7.1.4 图片的备用说明(alt属性)

7.2 使用figure元素和figcaption元素为图片声明标题

7.3 为图片建立超链接(img元素)

7.4 创建图像映射

7.4.1 了解热点和图像映射

7.4.2 关于客户端图像映射和服务端图像映射

7.4.3 创建图像映射(map元素、area元素)

7.4.4 创建服务端图像映射

7.4.5 客户端图像映射和服务端图像映射混合

巩固与自测

第8章 html5视频和音频

8.1 在网页中使用视频——video元素

8.1.1 视频格式

8.1.2 属性

8.1.3 全兼容设置

8.2 使用source元素

8.3 在网页中使用音频——audio元素

巩固与自测

第9章 链入内联框架、对象和其他多媒体元素

9.1 内联框架(iframe元素)

9.1.1 设置框架的初始内容

9.1.2 为框架定义标识以作为目标框架(name属性)

9.1.3 目标的优先级

9.1.4 目标名称和框架标识

9.1.5 沙盒安全限制

9.1.6 无缝嵌入

9.2 使用object元素链入对象

9.2.1 使用通用的链入方法(object元素)

9.2.2 渲染对象的规则

9.2.3 内联数据vs.外部数据

9.2.4 对象初始化(param元素)

9.2.5 对象的宽度和高度

9.2.6 定义替换文本

9.3 使用object元素创建图像映射

9.4 使用embed元素链入多媒体对象

巩固与自测

第10章 使用表格

10.1 创建表格

10.1.1 创建表格的基本语法(table元素、tr元素、th元素、td元素)

10.1.2 表格的描述(summary属性)

10.2 表格的标题(caption元素)

10.3 设置单元格(th元素、td元素)

10.3.1 使用th元素和td元素定义单元格

10.3.2 跨多行、多列的单元格

10.4 表格的按行分组显示(thead元素、tfoot元素、tbody元素)

10.5 表格的按列分组显示(colgroup元素、col元素)

10.5.1 创建列分组(colgroup元素、col元素)

10.5.2 使用span属性指定列分组

巩固与自测

第11章 建立html5新式表单

11.1 认识和建立html表单

11.1.1 建立表单(form元素)

11.1.2 了解控件

11.2 使用input元素创建表单控件

11.2.1 简单文本框

11.2.2 创建复选框

11.2.3 创建单选按钮

11.2.4 创建提交按钮

11.2.5 创建重置按钮

11.2.6 创建图形按钮

11.2.7 创建普通按钮

11.2.8 创建文件选择框

11.2.9 创建隐藏控件

11.2.10 执行数据验证功能的控件

11.2.11 新功能属性

11.3 使用button元素创建按钮

11.4 组合框控件和列表框控件

11.4.1 创建组合框控件和列表框控件

11.4.2 成组选项

11.4.3 关于预先选定的选项

11.5 创建多行文本框(textarea元素)

11.6 输入框的选项列表

11.7 密钥对生成器

11.8 输出结果控件

11.9 运行进度条控件

11.10 等级标量条控件

11.11 为表单控件定义标签(label元素)

11.11.1 显式关联

11.11.2 隐式关联

11.12 为表单添加结构(fieldset元素和legend元素)

11.13 设置禁用控件和设置只读控件

11.13.1 设置禁止控件

11.13.2 设置只读控件

11.14 表单提交

11.14.1 表单提交的方法

11.14.2 表单重写属性

11.14.3 结果良好的控件

11.14.4 浏览器怎样发送表单数据

11.14.5 表单内容的类型

巩固与自测

第12章 在网页中使用javascript脚本语言实现动态效果

12.1 在html文档中使用脚本代码

12.1.1 使用script元素定义脚本代码

12.1.2 在事件属性值中定义脚本

12.1.3 在超链接中定义脚本

12.2 浏览器不支持脚本时应注意的问题

12.3 关于dhtml

巩固与自测

第13章 在网页上实现动态绘图—— canvas、svg和mathml

13.1 使用canvas绘图的基本步骤

13.1.1 绘制 第一幅图

13.1.2 理解坐标

13.2 使用canvas实现动画的方法

13.3 使用外部元素绘图——svg和mathml

13.3.1 使用svg元素呈现svg矢量图

13.3.2 使用math元素呈现mathml数学符号和公式

13.3.3 关于使用cdata段

巩固与自测

第14章 使用结构元素构建网页布局

14.1 文档结构元素

14.1.1 文章语义——article、header、footer元素

14.1.2 内容区块语义——section元素

14.1.3 侧栏和导航

14.2 标题和标题组合

14.3 [address]元素

14.4 浏览器兼容

巩固与自测

第15章 离线网络应用程序——文件缓存

15.1 使用离线应用

15.1.1 创建离线应用网页及网页中要引用的资源

15.1.2 创建清单文件

15.1.3 测试离线应用

15.1.4 更新离线存储

15.2 缓存清单文件格式

15.2.1 定义要缓存文件

15.2.2 备抵机制

15.2.3 在线白名单

15.2.4 注释

巩固与自测

第16章 html网页呈现和网页国际化

16.1 指定文档内容的自然语言(lang属性)

16.1.1 语言代码的指定

16.1.2 语言代码的继承

16.2 定义文本和表格的方向

16.2.1 unicode规范定义的文本字符方向

16.2.2 unicode双向运算法则

16.2.3 文本方向的继承

16.2.4 使用bdo元素忽略双向运算法则

16.2.5 表格的方向

巩固与自测

第17章 丰富的交互操作功能

17.1 将焦点移到某个元素上

17.1.1 使用tab键导航

17.1.2 使用热键导航

17.2 内容可编辑

17.3 菜单

17.3.1 menu元素和command元素

17.3.2 创建上下文菜单

17.3.3 定义命令

17.4 拖放功能

17.5 隐藏元素内容

17.6 拼写和语法检查

17.7 关闭、打开式交互面板(details元素和summary元素)

巩固与自测

第18章 使用xml语法格式编写html5网页

18.1 使用xml语法编写html5文档

18.2 xml语法格式和html语法格式的不同

18.3 xhtml1.0和html5的区别

巩固与自测

第2篇 css篇

第19章 css语言基础——css的使用和基本语法

19.1 创建 第一个使用css的网页

19.2 在html文档中应用css的全部方法

19.2.1 嵌入式

19.2.2 外部引用式

19.2.3 内联式

19.3 css语法书写标准及功能

19.3.1 规则块

19.3.2 @规则

19.3.3 规则集

19.3.4 注释

19.3.5 字符和大小写

19.4 关键字和字符串

19.4.1 客户端浏览器特定的扩展

19.4.2 字符串

巩固与自测

第20章 css语言基础——css属性值的规范

20.1 属性值的数据类型和数据单位

20.1.1 长度(length)

20.1.2 百分比值

20.1.3 关键字和字符串值

20.1.4 颜色

20.1.5 其他数据类型

20.2 函数

20.2.1 attr()函数

20.2.2 url()函数

20.2.3 counter()函数

20.2.4 calc()函数

20.3 属性值的计算步骤

20.3.1 指定值

20.3.2 计算值

20.3.3 使用值

20.3.4 实际值

20.4 属性的继承

巩固与自测

第21章 css语言基础——css的选择符语法

21.1 简单选择符

21.1.1 类型(type)选择符

21.1.2 通用选择符

21.2 派生选择符

21.3 子选择符

21.4 相邻同级选择符

21.5 相邻同级连续选择符

21.6 属性选择符和类选择符

21.6.1 属性选择符

21.6.2 类选择符

21.6.3 匹配子集

21.7 id选择符

21.8 伪元素和伪类

21.9 使用css命名空间

21.9.1 @namespace规则

21.9.2 使用命名空间限定选择符

21.10 群选择符

21.11 选择符的大小写规定

21.12 html基于节点树的表现形式

巩固与自测

第22章 css盒子模型

22.1 基本的box概念

22.1.1 box幅面大小的计算

22.1.2 改变box幅面大小的计算方式

22.1.3 box容器

22.2 box模型样式属性

22.2.1 定义边距大小

22.2.2 定义衬距大小

22.2.3 定义边框——粗细、颜色、样式

22.2.4 定义边框圆角

22.2.5 以9切片图片修饰边框

22.3 box外廓

22.3.1 对比外廓和边框

22.3.2 定义外廓的属性

22.4 box阴影效果

22.4.1 阴影的基本使用方法

22.4.2 多重阴影效果

22.4.3 浏览器兼容性

巩固与自测

第23章 css盒子的类型

23.1 了解块级元素和行内级元素

23.1.1 块级元素和行内级元素的不同

23.1.2 关于div元素和span元素

23.2 box类型和display属性

23.2.1 html元素默认的box类型

23.2.2 了解视点和box容器

23.2.3 块级元素和块级box

23.2.4 行内级元素和行内级box

23.2.5 插入式box

23.3 可视性

巩固与自测

第24章 正文颜色和背景

24.1 定义文字颜色

24.2 定义背景

24.2.1 背景颜色(background-color)

24.2.2 背景图片(background-image)

24.2.3 背景重复方式(background-repeat)

24.2.4 背景滚动模式(background-attachment)

24.2.5 背景定位(background-origin)

24.2.6 背景裁剪(background-clip)

24.2.7 背景图片大小(background-size)

24.2.8 背景图片初始位置(background-position)

24.2.9 快捷方式属性(background)

24.3 定义透明度(opacity)

巩固与自测

第25章 字体和文本

25.1 字体和字体组合

25.1.1 字体组合

25.1.2 字体名组合

25.1.3 通用字体组合

25.2 字体设置

25.2.1 字体样式

25.2.2 字体变体

25.2.3 字体粗细

25.2.4 字体大小

25.2.5 快捷方式属性

25.2.6 字体变形拉伸

25.2.7 字体大小调整

25.3 使用@font-face规则定义字体

25.3.1 引用字体

25.3.2 定义字体功能

25.3.3 定义字符范围

25.4 文本(字符、行和段落)设置

25.4.1 文本缩进

25.4.2 对齐

25.4.3 修饰

25.4.4 字母间距和单词间距

25.4.5 大小写字母转换

25.4.6 文本阴影

25.4.7 文本方向和unicode双向运算法则

25.5 处理空白和换行

25.5.1 空白处理模型

25.5.2 包含空白字符交叠的双向运算

25.5.3 控制字符和字符结合

25.5.4 中日韩文字换行的断点

25.5.5 非中日韩文字换行的断点

25.5.6 文字溢出时的换行规则

巩固与自测

第26章 伪元素、伪类选择符和动态生成内容

26.1 伪元素和伪类的基本特征和语法规则

26.1.1 伪元素和伪类的基本特征

26.1.2 伪元素和伪类的语法规则

26.2 结构性伪类

26.3 动态和链接相关的伪类

26.3.1 链接伪类(:link 和:visited)

26.3.2 动态伪类(:hover、:active和:focus)

26.3.3 动态外廓和焦点

26.3.4 光标

26.4 语言伪类(:lang)

26.5 目标伪类

26.6 ui元素状态伪类

26.7 求反伪类

26.8 首行和首字符伪元素

26.8.1 首行伪元素(::first-line)

26.8.2 首字符伪元素(::first-letter)

26.9 用于插入内容的伪元素

26.9.1 使用::before和::after伪元素

26.9.2 content属性

26.9.3 引号

巩固与自测

第27章 为列表定义样式

27.1 列表相关属性

27.1.1 列表样式和类型(list-style-image和list-style-type)

27.1.2 列表符号位置(list-style-position)

27.1.3 属性list-style

27.1.4 嵌套列表的呈现

27.1.5 对li元素使用列表样式

27.2 自动计数和编号

27.2.1 嵌套的计数器和范围

27.2.2 计数器样式

巩固与自测

第28章 溢出和裁剪

28.1 溢出

28.2 裁剪

巩固与自测

第29章 动态效果——过渡效果和2d转换

29.1 d转换效果

29.1.1 指定转换操作

29.1.2 指定转换的起点

29.2 过渡效果

29.2.1 使用过渡效果

29.2.2 浏览器支持

29.2.3 可以过渡的样式属性

巩固与自测

第30章 css盒子的定位和定位方式

30.1 定位方式

30.1.1 选择定位方式

30.1.2 盒子偏移量

30.1.3 属性display、position和float之间的关系

30.2 正常流向

30.2.1 块级格式化环境

30.2.2 行内级格式化环境

30.2.3 相对定位

30.3 浮动定位及包含块

30.3.1 定义float属性

30.3.2 基本的浮动定位

30.3.3 浮动定位的规则

30.3.4 控制相邻的浮动排列

30.4 绝对定位及包含块

30.4.1 绝对定位

30.4.2 包含块

30.4.3 固定定位

30.5 分层呈现

巩固与自测

第31章 css中布局盒子的计算

31.1 替换元素和非替换元素

31.2 内容的宽度

31.2.1 宽度和边距的计算

31.2.2 宽度的最大值和最小值

31.3 内容的高度

31.3.1 高度和边距的计算

31.3.2 高度的最大值和最小值

31.3.3 行高的计算

31.4 重置幅面大小

巩固与自测

第32章 使用css布局表格

32.1 css表格模型

32.2 列

32.3 可视化格式模型中的表格

32.4 表格内容的可视布局

32.4.1 表格的层和透明性

32.4.2 表格宽度的算法

32.4.3 表格高度的算法

32.4.4 列中的水平对齐

32.4.5 动态行和动态列效果

32.5 边框的呈现

32.5.1 分离式边框模型

32.5.2 交叠的边框模型

32.5.3 边框样式

巩固与自测

第33章 将样式表应用于不同介质

33.1 关于网页呈现的介质

33.2 为样式表定义适用的介质类型

33.2.1 使用style元素的media属性

33.2.2 使用@import规则

33.2.3 使用@media规则

33.2.4 使用link元素的media属性

33.2.5 使用处理指令

33.2.6 基于介质的层叠

33.3 了解介质类型描述符

33.4 css3介质查询模块

巩固与自测

第34章 利用css分页显示和打印

34.1 页面box

34.1.1 页面大小

34.1.2 页面边距

34.1.3 页面选择符

34.1.4 声明和引用页面box

34.1.5 在页面上处理图像

34.1.6 页面box之外的内容

34.2 边距box

34.3 分页

34.3.1 用于分页的属性

34.3.2 元素内的分割

34.3.3 允许分页的位置

34.3.4 分页的规则

34.3.5 强制分页

34.3.6 最优的分页

巩固与自测

第35章 html文档设置和css的层叠规则

35.1 html文档设置和样式表类型

35.1.1 可替换样式表

35.1.2 用户浏览器禁用样式表功能

35.1.3 指定外部样式表

35.2 css样式的层叠顺序

35.2.1 使用!important规则提升权重

35.2.2 计算选择符的特殊性

35.2.3 继承和层叠

35.2.4 层叠样式表文件

35.2.5 使用http消息报头链接到样式表

35.2.6 分页环境中选择符的特殊性

35.3 有关非css呈现的优先顺序的提示

巩固与自测

附录a input元素type属性值与input元素属性匹配索引

附录b html常用自然语言及语言代码对照表

附录c 常用字符集(charset)速查表

附录d 颜色名称关键字

d.1 html .0颜色名称关键字

d.2 svg颜色名称关键字

d.3 currentcolor颜色名称关键字

d.4 transparent颜色名称关键字

d.5 客户端系统的颜色配置

d.6 flavor关键字

附录e 关于网页安全色

附录f 语音相关的样式属性

附录g 自测题答案

对于初入门的网页设计者和开发者而言，学习网页设计和开发就应该从html5和css3开始，这是毋庸置疑的。对于有经验的工程师来说，如果想完整掌握html5和css3新技术，那么《HTML5+CSS3网页布局和样式精粹》是最合适不过的。
本书包含html5和css3两部分，除了完整包含html5所有元素以及两种语法格式的详细介绍外，还包含css3所有语法和样式属性的详细介绍。
这些功能介绍都是按照w3c的标准要求进行的，并附有详细的范例，侧重于实战，并提供各种浏览器兼容性指南，以帮助用户深入理解。本书修复了当前普遍存在的错误认识，对用户来说是一个福音。
本书适用于网页开发人员和设计人员，可作为大中专院校的教材。
这本书涵盖了W3CHTML5规范和CSS3规范的所有内容，并根据功能进行分类。
这本书包含了大量习题可用于检测学习成果，巩固所学知识。
这本书适用于网页开发人员和设计人员，可以作为大中专教材。
这本书的作者是万维网开发的大师，他也是《万维网应用程序开发纲要》的起草者。可以帮助用户完整系统、快速有效地掌握HTML5和CSS3的知识。

《HTML5+CSS3网页布局和样式精粹》特色：
全面破除当前普遍存在的错误认识，让您不走弯路
HTML5精准语义结构+CSS3模块化最美呈现
完整、系统、全面的知识体系，新功能、新特性一览无余
以200余范例解释理论，清楚易懂，让您轻松上手
浏览器兼容性提示，让您学以致用，工作中游刃有余
丰富、拓展性的课后习题让您强化理解，轻松巩固