2 网页设计与制作

HTML+CSS+JavaScript 标准教程（微课版）

3.2.1 CSS 的样式规则 ........................... 51

3.2.2 CSS 样式的引入 ........................... 51

3.3 CSS选择器............................................ 54

3.3.1 基础选择器 ................................... 54

3.3.2 属性选择器 ................................... 59

3.3.3 关系选择器 ....................................62

3.4 CSS继承性............................................ 65

3.5 CSS层叠性............................................ 66

3.6 CSS优先级............................................ 67

3.6.1 引入方式 ...................................... 67

3.6.2 权重............................................. 67

3.7 实战案例解析——404通知页面 ................ 69

思考与练习.......................................................72

第 4 章 CSS 网页元素...................................73

学习目标..........................................................73

4.1 文本样式..................................................73

4.1.1 字体设计 ...................................... 74

4.1.2 文本设计....................................... 76

4.2 表格样式 ................................................ 79

4.2.1 设置边框....................................... 79

4.2.2 设置单元格 ................................... 79

4.3 列表样式 ................................................ 80

4.3.1 设置列表项标记............................. 81

4.3.2 图像作为列表项标记 .......................82

4.3.3 定位列表项标记..............................82

4.4 盒子模型 ................................................ 83

4.4.1 盒子模型概述................................ 83

4.4.2 盒子模型的边框............................. 83

4.4.3 盒子模型的边距............................. 84

4.4.4 盒子模型的宽和高.......................... 86

4.4.5 盒子模型的背景............................. 86

4.5 CSS高级属性......................................... 89

4.5.1 透明度.......................................... 89

4.5.2 渐变............................................. 89

4.5.3 阴影............................................. 91

4.5.4 过渡..............................................92

4.6 实战案例解析——招聘网页....................... 94

思考与练习...................................................... 97

第 5 章 DIV+CSS 布局方法......................... 98

学习目标......................................................... 98

5.1 布局的基础元素....................................... 98

5.1.1 块元素 div..................................... 98

5.1.2 内联元素 span .............................. 99

5.1.3 元素类型转换 .............................. 100

5.2 布局方式............................................... 101

5.2.1 布局的流程.................................. 101

5.2.2 浮动设计..................................... 102

5.2.3 标签定位..................................... 104

5.2.4 溢出 ........................................... 106

5.2.5 标签堆叠..................................... 106

5.3 布局类型............................................... 108

5.3.1 单列布局..................................... 108

5.3.2 双列布局..................................... 108

5.3.3 三列布局..................................... 109

5.3.4 通栏布局..................................... 109

5.4 实战案例解析——购物节主题网页 ........... 109

思考与练习.................................................... 111

第 6 章 JavaScript 基础............................. 113

学习目标 ....................................................... 113

6.1 JavaScript概述 ................................... 113

6.1.1 JavaScript 的发展历史 ................ 114

6.1.2 引入 JavaScript.......................... 114

6.2 基本语法............................................... 115

6.2.1 标识符........................................ 115

6.2.2 关键字........................................ 116

6.2.3 数据类型..................................... 116

6.2.4 变量 ........................................... 116

6.2.5 注释 ........................................... 117

6.3 运算符.................................................. 118

6.3.1 赋值运算符.................................. 118

6.3.2 算术运算符.................................. 118

6.3.3 比较运算符.................................. 119

6.3.4 逻辑运算符.................................. 120

6.4 流程控制结构 ........................................ 121

6.4.1 分支结构..................................... 121

6.4.2 循环结构..................................... 123

6.4.3 跳转结构..................................... 126

6.5 函数..................................................... 126

6.5.1 自定义函数.................................. 127

6.5.2 预定义函数.................................. 128

6.6 对象..................................................... 129

6.6.1 自定义对象 ................................. 129

6.6.2 Array 数组对象 ........................... 132