CSS+DIV网页样式与布局案例指导PDF电子书下载

第1章 网站制作流程与布局概念 1

1.1 网站和网页 1

1.1.1 网站与网页的关系 1

1.1.2 域名 2

1.2 网站的制作流程 3

1.2.1 前期策划 3

1.2.2 页面实施 4

1.2.3 后期维护 5

1.3 布局方式 6

1.3.1 网站建设标准 6

1.3.2 页面布局 7

1.3.3 标准与表格布局 8

第2章 HTML与XHTML 9

2.1 HTML基础 9

2.1.1 HTML概述 9

2.1.2 HTML基本结构 10

2.2 HTML基本标签 11

2.2.1 基本标签 11

2.2.2 格式标签 15

2.2.3 文本标签 17

2.2.4 超链接标签 19

2.2.5 图像标签 22

2.2.6 表格标签 24

2.2.7 框架标签 27

2.2.8 表单标签 31

2.2.9 分区标签 33

2.3 XHTML 35

2.3.1 XHTML 35

2.3.2 HTML转换为XHTML 38

第3章 JavaScript脚本语言概述 41

3.1 JavaScript概述 41

3.1.1 JavaScript发展 41

3.1.2 编写JavaScript脚本代码 42

3.1.3 JavaScript程序结构 44

3.1.4 JavaScript代码嵌入HTML文档 50

3.2 JavaScript效果的实现 53

3.2.1 事件处理器 53

3.2.2 表单验证 55

3.2.3 JavaScript窗口 59

3.3 JavaScript与CSS 66

3.3.1 在CSS中使用JavaScript 66

3.3.2 JavaScript控制CSS样式切换 68

3.3.2 JavaScript与CSS实现雕刻菜单效果 71

第4章 CSS概述 75

4.1 CSS的基本概念 75

4.2 CSS的页面设置 75

4.2.1 内联样式表 76

4.2.2 嵌入样式表 78

4.2.3 外部样式表 81

4.2.4 输入样式表 83

4.3 CSS与HTML 86

4.4 CSS的选择器和继承 89

4.4.1 CSS选择器 90

4.4.2 CSS的继承 93

4.5 编辑CSS 96

4.6 浏览器与CSS 98

第5章 CSS语法介绍 99

5.1 CSS选择器 99

5.1.1 标记选择器 99

5.1.2 类选择器 101

5.1.3 ID选择器 103

5.1.4 选择器的声明 106

5.2 CSS的继承 109

5.2.1 父子关系 109

5.2.2 CSS 111

5.3 单位和值 114

5.3.1 颜色 114

5.3.2 长度单位 117

5.3.3 URL 119

第6章 CSS文本编辑效果 123

6.1 文字样式 123

6.1.1 字体的样式 123

6.1.2 文字的大小 125

6.1.3 文字的颜色 127

6.1.4 字体的粗细与斜体 129

6.1.5 下画线、顶画线和删除线 132

6.2 段落设置 133

6.2.1 对齐方式 134

6.2.2 行间距 136

6.2.3 字间距 137

6.2.4 首字放大效果 139

第7章 CSS表格和表单效果 141

7.1 表格样式 141

7.1.1 表格属性 141

7.1.2 表格的边框样式 146

7.1.3 表格的文本样式 149

7.1.4 表格嵌套 152

7.1.5 表格背景变色 155

7.2 表单样式 158

7.2.1 表单属性 158

7.2.2 表单边框闪烁 162

第8章 CSS与页面结构 165

8.1 边框 165

8.1.1 边界 165

8.1.2 边框 168

8.1.3 补白 172

8.1.4 浮动与清除 175

8.2 分块格式编排 178

8.2.1 块元素 178

8.2.2 内联元素 181

8.2.3 可变元素 184

第9章 用CSS设置网页效果 187

9.1 用CSS设置图片样式 187

9.1.1 图片边框的设置 187

9.1.2 图片大小的设置 189

9.1.3 图片自动等比例缩小 191

9.1.4 图片阴影的设置 192

9.1.5 图片透明的设置 194

9.1.6 图片的对齐方式的设置 196

9.1.7 文字环绕的效果 198

9.1.8 浮动广告的制作 200

9.2 用CSS设置网页中的背景 202

9.2.1 页面的背景色 202

9.2.2 页面的背景图的设置 204

9.2.3 背景图片的位置 205

9.2.4 固定背景图片 207

9.2.5 添加多个背景图片 209

第10章 用CSS设置页面 211

10.1 设置页面格式 211

10.1.1 设置超链接 211

10.1.2 设置导航栏 215

10.1.3 设置鼠标特效 218

10.1.4 设置滚动条 221

10.1.5 设置选项卡 223

10.2 特殊效果 227

10.2.1 鼠标提示 227

10.2.2 导航栏的隐藏和展开 230

10.2.3 设置滑动文本选项卡 236

第11章 CSS滤镜的应用 241

11.1 滤镜介绍 241

11.2 通道 242

11.3 模糊 244

11.4 透明色 247

11.5 阴影 249

11.6 光晕 251

11.7 波浪 254

11.8 X射线 257

11.9 灰度 258

11.10 反色 260

11.11 遮罩 262

11.12 翻转 264

第12章 理解CSS定位与div布局 267

12.1 div标签与Span标签 267

12.1.1 概述 267

12.1.2 元素的分类和标识（class和id） 267

12.1.3 组织元素（div和span） 271

12.2 盒子模型 273

12.2.1 盒子模型的概念 273

12.2.2 border属性 274

12.2.3 padding属性 278

12.2.4 margin属性 281

12.2.5 宽度和高度 283

12.3 元素的定位 285

12.3.1 CSS的定位原理 285

12.3.2 定位方式 286

12.3.3 oat定位 289

12.3.4 z-index定位 291

第13章 CSS+DIV布局 295

13.1 CSS+DIV布局方法 295

13.1.1 网站的制作规范 295

13.1.2 将页面用div分块 304

13.1.3 对分布的块进行定位 310

13.2 CSS排版观念 316

13.2.1 对段落进行排版 317

13.2.2 对图片进行排版 320

13.2.3 对表格进行排版 324

13.2.4 “固定宽度且居中”的版式 328

13.2.5 “左中右”版式 333

第14章 调用样式表 339

14.1 关于CSS 339

14.1.1 CSS 339

14.1.2 CSS分类 342

14.2 调用样式表的方法 347

14.2.1 外部调用CSS样式表 347

14.2.2 双表法调用样式表 352

14.2.3 样式表的切换 352

14.2.4 样式表的优先级 362

14.2.5 根据时段改变网站风格 366

第15章 小型企业网站 373

15.1 设计分析 373

15.2 布局分析 374

15.3 模块分析与设计实现 376

15.3.1 Logo与菜单效果 376

15.3.2 导航与搜索功能的设计 380

15.3.3 公司咨询 382

15.3.4 主体实现 382

15.3.5 业内新闻 385

15.4 CSS整理与调整 386

第16章 购物网站 393

16.1 设计分析 393

16.2 布局分析 395

16.3 模块分析与设计实现 396

16.3.1 Logo与菜单效果 396

16.3.2 分类搜索功能设计 398

16.3.3 商品导购功能设计 401

16.3.4 交易功能设计 405

16.4 CSS整理与调整 405

第17章 观光旅游导航网站 411

17.1 设计分析 411

17.2 布局分析 412

17.3 模块分析与设计实现 412

17.3.1 CSS基本设置 412

17.3.2 标题栏与banner图片的实现 415

17.3.3 左侧分栏与导航菜单实现 416

17.3.4 主体实现 420

17.3.5 脚注 424

17.4 CSS整理与调整 425