基于新信息技术的HTML5和CSS3网页设计进阶教程第8章

附件3 参考文献（更新）参考文献[1] 唐彩虹等.Web前端技术项目式教程（HTML5+CSS3+Flex+Bootstrap). 北京：人民邮电出版社，2020.[2] 章早立等. Bootstrap响应式网站开发实例教程. 北京：机械工业出版社，2022.[3] 王金柱.HTML5移动网站与App开发实战. 北京：清华大学出版社:2022.[4] 刘锡冬等.Web前端开发项目教程（HTML5+CSS3+JavaScript）（微课版）. 北京：人民邮电出版社，2022.[5] Jon Duckett Web（美）著. 杜静，敖富江译. 编程入门经典—HTML、XHTML和CSS（第2版）. 北京：清华大学出版社，2010.[6] Elizabeth Castro（美）著. 陈剑瓯，张扬译. HTML XHTML CSS基础教程（第6版）. 北京：人民邮电出版社，2007.[7] 陆凌牛. HTML5与CSS3权威指南（第3版）. 北京：机械工业出版社，2015.[8] 唐四薪. 基于Web标准的网页设计与制作（第2版）. 北京：清华大学出版社，2015.[9] 温谦等. CSS网页设计标准教程（第2版）. 北京：人民邮电出版社，2015.[10] 刘玉红等. HTML5网页设计案例课堂. 北京：清华大学出版社，2016.[11] 陈婉凌. 网页设计必学的实用编程技术HTML5+CSS3+JavaScript. 北京：清华大学出版社，2015.[12] 张大为等. HTML5+CSS3+JavaScript+Bootstrap网站开发实用技术（第3版）. 北京：人民邮电出版社，2020.[13] 温谦. jQuery+Bootstrap Web开发案例教程. 北京：人民邮电出版社，2022.[14] 黑马程序员.响应式Web开发项目教程（HMTL5+CSS3+Bootstrap）. 北京：人民邮电出版社，2019.[15] 表严肃. HTML 5与CSS 3核心技法. 北京：电子工业出版社，2020.[16] 前端科技.HTML5+CSS3从入门到精通（微课精编版）（第2版）. 北京：清华大学出版社:2022.362。

规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。
默认。背景颜色为透明。 规定应该从父元素继承 background-color 属性的设置。
WEB
32
5.4 知识库：CSS背景样式
5.4.2 背景图像样式
第5章 使用CSS 设置图像样式
5.1 基础项目1：制作“李彦宏——众里寻他千百 度”网页 5.2 知识库：CSS图像样式
目录
5.3 基础项目2：制作“少年中国说”网页 5.4 知识库：CSS背景样式 5.5 提高项目：制作“低碳生活 从我做起”网页 5.6 拓展项目：制作“春节民俗”网页
WEB
2
background-color属性可用于设置图像或其它网页元素的背景颜色。其可 能的属性值如下：
属性值
color_name hex_number
描述
规定颜色值为颜色名称的背景颜色（比如 red）。 规定颜色值为十六进制值的背景颜色（比如 #ff0000）。
rgb_number
transparent inherit
name属性或id属性相关联，创建图像与映射之间的联系。具体
是name属性还是id属性由浏览器决定，所以应同时向<map>标 签添加name和id两个属性。
5.2.3 图像映射
<area>标签永远嵌套在<map>标签内部。<area>标签 定义图像映射中的区域，其属性及属性值如下：
必需的属性 属性 alt 属性 coords href nohref shape 值 text 描述 定义此区域的替换文本。
效果
5.2.2 CSS常用图像样式
提示： 当vertical-align的值为bottom或者sub时，IE与Firefox 的显示结果是不一样的，它们无所谓谁对谁错。在工作中，建 议尽量少地使用浏览器间显示效果不一样的属性值。

13.4.1定义作用域 13.4.2作用域链 13.4.3函数的私有变量
13.5.1定义闭包 13.5.2使用闭包
14.1定义对象 14.2对象的属性
14.3属性描述符
14.4 Object原型方 法
14.5 Object静态函 数
14.6构造函数
14.7原型 14.8在线支持
14.1.1构造对象 14.1.2对象直接量 14.1.3使用create()方法
6.5伪类选择器
6.7在线支持
6.1.1 CSS样式 6.1.2引入CSS样式 6.1.3 CSS样式表 6.1.4导入外部样式表 6.1.5 CSS注释 6.1.6 CSS属性 6.1.7 CSS继承性 6.1.8 CSS层叠性 6.1.9 CSS3选择器
6.2.1标签选择器 6.2.2类选择器 6.2.3 ID选择器 6.2.4通配选择器
1
5.1新建表格
2
5.2设置table 属性
3
5.3设置td和 th属性
4
5.4认识HTML5 表单
5
5.5定义表单
5.6组织表单 5.7常用表单控件
5.8 HTML5表单属性 5.9在线支持
5.1.1定义普通表格 5.1.2定义列标题 5.1.3定义表格标题 5.1.4表格行分组 5.1.5表格列分组
6.3.1包含选择器 6.3.2子选择器 6.3.3相邻选择器 6.3.4兄弟选择器 6.3.5分组选择器
6.5.1伪选择器概述 6.5.2结构伪类 6.5.3否定伪类 6.5.4状态伪类 6.5.5目标伪类 6.5.6动态伪类
1
7.1字体样式
2
7.2文本样式
3
7.3特殊设置
4

第1章 网页设计基础知识
本章概述 本章的学习目标 主要内容
Hale Waihona Puke 第1页本章概述• 随着互联网的发展，越来越多的人学会了上网，通过网络，可以 聊天、购物、看新闻、查天气等等。这些功能都是通过访问不同 的网页来完成的，那么网页是怎么制作出来的，我们通过手机、 电脑上网时又如何访问不同的网页呢？本章将从最基本的概念讲 起，告诉读者网页与网站的基本原理，如何设计和开发网页。
第4页
1.1 网页的基本概念
• 随着Internet的不断发展，网页已经被越来越多的人所熟悉。那么 什么是网页，网页有是如何搭建并呈现在用户面前的呢？
• Internet，中文正式译名为因特网，又叫做国际互联网。Internet 采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个 Internet上。
• HTML是最早的超文本标记语言，它的发展经历了HTML 1.0、2.0、3.2、4.0、 4.01和5几个版本，在发展过程这，尤其是从HTML4.0开始淘汰了很多标记和 属性，本书对这些淘汰的标记和属性不再赘述。
第12页
CSS层叠样式表
• 层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅 可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格 式化。
第11页
HTML概述
• HTML的全称是超文本标记语言(Hyper Text Markup Language)，是Internet上用 于编写网页的主要语言，它提供了精简而有力的文件定义，可以设计出多姿 多彩的超媒体文件。
• HTML文件是纯文本的文件格式，所谓的超文本，主要是指它的超链接功能， 通过超链接将图片、声音和影视及其他网页或其他网站链接起来，构成内容 丰富的Web页面。