HTML5+CSS3网页布局和样式精粹_前端开发教程

资源名称：HTML5+CSS3网页布局和样式精粹

内容简介：

对于初入门的网页设计者和开发者而言，学习网页设计和开发就应该从html5和css3开始，这是毋庸置疑的。对于有经验的工程师来说，如果想完整掌握html5和css3新技术，那么本书是最合适不过的。

　　本书包含html5和css3两部分，除了完整包含html5所有元素以及两种语法格式的详细介绍外，还包含css3所有语法和样式属性的详细介绍。

　　这些功能介绍都是按照w3c的标准要求进行的，并附有详细的范例，侧重于实战，并提供各种浏览器兼容性指南，以帮助用户深入理解。本书修复了当前普遍存在的错误认识，对用户来说是一个福音。

　　本书适用于网页开发人员和设计人员，可作为大中专院校的教材。

资源目录：

第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章 在网页中使用javaｓｃｒｉｐｔ脚本语言实现动态效果 

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

　　12.1.1 使用ｓｃｒｉｐｔ元素定义脚本代码 

　　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章 伪元素、伪类选择符和动态生成内容 

　第27章 为列表定义样式 

　第28章 溢出和裁剪 

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

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

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

　第32章 使用css布局表格 

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

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

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

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

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

附录c 常用字符集（charset）速查表 

附录d 颜色名称关键字 

附录e 关于网页安全色 

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

附录g 自测题答案 

资源截图：