CSS+DIV网页布局技术教程PDF电子书下载

第1章HTML和XHTML基础 1

1.1 HTML基本用法 1

1.1.1 HTML文档基本结构 2

1.1.2常用的HTML标签 3

1.2升级到XHTML 13

1.2.1为什么要升级 13

1.2.2 XHTML与HTML比较 14

1.2.3如何转换现有的文档为XHTML 16

习题1 17

上机实验1 21

第2章CSS基础 22

2.1 CSS基本概念 22

2.1.1 CSS的基本概念 22

2.1.2 CSS的特点 23

2.2 CSS选择器 23

2.2.1 CSS样式规则的定义 23

2.2.2标记选择器 24

2.2.3 CSS选择器分组 24

2.2.4派生选择器 25

2.2.5 id选择器 25

2.2.6类选择器 26

2.2.7伪类选择器 26

2.3 CSS的引用 27

2.3.1内部样式表 27

2.3.2外部样式表 28

2.3.3内联样式表 29

2.3.4输入样式表 30

2.3.5多重样式 31

2.4 CSS的继承 33

2.4.1 CSS的继承关系 33

2.4.2 CSS继承的应用 34

习题2 34

上机实验2 35

第3章用CSS设置文字与背景 37

3.1 CSS文字与段落样式 37

3.1.1 CSS文字样式 37

3.1.2 CSS段落文字 43

3.1.3 CSS列表 46

3.2 CSS颜色与背景样式 50

3.2.1设置颜色 50

3.2.2设置背景图像 52

3.2.3背景图像的重复方式 54

3.2.4固定背景图像 56

3.2.5背景图片位置 58

3.2.6背景样式的缩写 60

3.3综合实例 61

3.3.1文字的综合应用 61

3.3.2背景的综合应用 63

习题3 65

上机实验3 67

第4章CSS滤镜的应用 68

4.1滤镜概述 68

4.2视觉滤镜 68

4.2.1 alpha属性 69

4.2.2 blur属性 72

4.2.3 Chroma属性 73

4.2.4 DropShadow属性 74

4.2.5 FlipH、FlipV属性 75

4.2.6 Glow属性 77

4.2.7 Gray属性 78

4.2.8 Invert属性 79

4.2.9 Mask属性 80

4.2.10 Shadow属性 81

4.2.11 Wave属性 82

4.2.12 Xray属性 84

4.3转换滤镜 85

4.3.1融合转换滤镜 86

4.3.2揭示转换滤镜 87

4.3.3网页特效转换 89

习题4 91

上机实验4 92

第5章CSS框模型与定位 93

5.1 CSS框模型 93

5.1.1 CSS框模型的概述 93

5.1.2 CSS内边距 95

5.1.3 CSS边框 97

5.1.4 CSS外边距 104

5.1.5外边距合并 108

5.2 CSS定位和浮动 109

5.2.1块级元素 110

5.2.2 CSS定位机制 110

5.2.3相对定位 111

5.2.4绝对定位 113

5.2.5 z-index空间位置 116

5.2.6 CSS浮动 117

5.3 CSS定位实例 123

习题5 127

上机实验5 128

第6章DIV+CSS布局基础 129

6.1 div标记与span标记 129

6.1.1 div标记与span标记概述 129

6.1.2 〈div〉与〈span〉标记的区别 131

6.2 CSS排版观念 132

6.2.1将页面用div分块 132

6.2.2设计各块的位置 133

6.2.3用CSS定位 134

6.3固定宽度且居中的版式 135

6.3.1一列固定宽度居中 135

6.3.2二列固定宽度居中 137

6.4自适应宽度且居中的版式 139

6.4.1一列自适应宽度且居中 139

6.4.2二列宽度自适应 140

6.4.3左列固定，右列宽度自适应 142

6.4.4三列浮动中间列宽度自适应 144

6.5一个常用的DIV+CSS网站布局的基本框架结构实例 147

6.5.1搭建框架 147

6.5.2添加CSS样式 148

6.6排版实例：淘宝商城 150

6.6.1搭建HTML框架 151

6.6.2添加CSS样式 155

6.6.3采用CSS+DIV布局优势 156

习题6 157

上机实验6 158

第7章CSS与JavaScript的综合应用 159

7.1 JavaScript概述 159

7.1.1 JavaScript简介 159

7.1.2 JavaScript的特点 160

7.1.3在网页中使用JavaScript 160

7.2 JavaScript语法基础 162

7.2.1 JavaScript的数据类型 162

7.2.2常量、变量与表达式 162

7.2.3函数的定义 165

7.2.4条件分支语句 167

7.2.5循环控制语句 169

7.3 JavaScript内置对象 171

7.3.1 String对象 171

7.3.2 Math对象 174

7.3.3 Array对象 175

7.3.4 Date对象 177

7.4浏览器对象 179

7.4.1浏览器对象简介 179

7.4.2 window对象 181

7.5 JavaScript的事件处理 186

7.5.1事件及响应方法 186

7.5.2 document的常用事件 188

7.6实例一：图片的间歇滚动 189

7.7实例二：用CSS制作的导航菜单 192

7.8实例三：用CSS实现PPT幻灯片 195

习题7 196

上机实验7 199

第8章 整合案例一：我的博客 203

8.1分析架构 203

8.1.1设计分析 203

8.1.2排版架构 204

8.2模块设计 205

8.2.1导航与Banner 205

8.2.2左侧列表 206

8.2.3内容部分 208

8.2.4 footer脚注 209

8.3整体调整 210

8.4网页源码 211

第9章 整合案例二：企业网站 217

9.1分析架构 217

9.1.1设计分析 217

9.1.2排版架构 218

9.2模块设计 219

9.2.1导航与Banner 219

9.2.2左侧部分 221

9.2.3中间部分 222

9.2.4右侧部分 224

9.2.5 footer脚注 226

9.3整体调整 227

9.4网页源码 228

参考文献 236