CSS+DIV网页布局技术教程【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章HTML和XHTML基础1

1.1 HTML基本用法1

1.1.1 HTML文档基本结构2

1.1.2常用的HTML标签3

1.2升级到XHTML13

1.2.1为什么要升级13

1.2.2 XHTML与HTML比较14

1.2.3如何转换现有的文档为XHTML16

习题117

上机实验121

第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

习题234

上机实验235

第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

习题365

上机实验367

第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

习题491

上机实验492

第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

习题5127

上机实验5128

第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

习题6157

上机实验6158

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

7.1 JavaScript概述159

7.1.1 JavaScript简介159

7.1.2 JavaScript的特点160

7.1.3在网页中使用JavaScript160

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

习题7196

上机实验7199

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

8.1分析架构203

8.1.1设计分析203

8.1.2排版架构204

8.2模块设计205

8.2.1导航与Banner205

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导航与Banner219

9.2.2左侧部分221

9.2.3中间部分222

9.2.4右侧部分224

9.2.5 footer脚注226

9.3整体调整227

9.4网页源码228

参考文献236