Div+CSS3.0网页样式与布局经典范例

1 Div+CSS网页设计基础

1.1 网页设计基础

1.1.1 什么是网页设计

1.1.2 网页与网站

1.1.3 网页设计的原则

1.1.4 网页设计的成功要素

1.1.5 网页配色的基本方法

1.1.6 网站制作流程

1.2 网站标准和布局方式

1.2.1 网站标准

1.2.2 网页布局方式

1.3 掌握Dreamweaver的基本操作

1.3.1 使用Dreamweaver定义本地站点

1.3.2 使用Dreamweaver在网页中插入Div

1.3.3 使用Dreamweaver定义CSS样式

1.4 关于表格布局

1.4.1 表格布局的特点

1.4.2 冗余的嵌套表格和混乱的结构

1.5 关于Div+CSS布局

1.5.1 什么是Web标准

1.5.2 Div+CSS的优势

1.6 本章小结

2 HTML、XHTML和HTML 5基础

2.1 了解HTML和XHTML

2.2 HTML基础

2.2.1 HTML概述

2.2.2 HTML的基本结构

2.2.3 HTML的基本语法

2.2.4 HTML的主要功能

2.3 HTML常用标签

2.3.1 基本标签

2.3.2 格式标签

2.3.3 文本标签

2.3.4 图像标签

2.3.5 超链接标签

2.3.6 表格标签

2.3.7 分区标签

2.4 XHTML基础

2.4.1 XHTML概述

2.4.2 XHTML的文档结构

2.4.3 XHTML的代码规范

2.4.4 XHTML的文档类型

2.4.5 使用XHTML的好处

2.4.6 制作第一个HTML页面

2.5 HTML

2.5.1 了解HTML

2.5.2 HTML

2.5.3 HTML

2.6 HTML

2.6.1 ＜canvas＞标签的应用

2.6.2 ＜audio＞标签的应用

2.6.3 ＜video＞标签的应用

2.7 实例精讲——制作个人网站页面

2.8 本章小结

3 CSS基础 49

3.1 了解CSS

3.1.1 CSS样式概述

3.1.2 CSS的特点

3.1.3 CSS样式能做什么

3.1.4 CSS样式不能做什么

3.2 CSS样式的语法

3.2.1 CSS的基本语法

3.2.2 CSS的样式规则

3.3 在网页中应用CSS的4种方式

3.3.1 内联样式

3.3.2 嵌入样式

3.3.3 链接外部样式

3.3.4 导入样式

3.4 CSS中的单位和值

3.4.1 颜色设置

3.4.2 长度单位

3.5 CSS文档结构

3.5.1 文档结构

3.5.2 CSS的继承性

3.5.3 CSS的特殊性

3.5.4 CSS的层叠性

3.5.5 CSS的重要性

3.6 CSS选择器

3.6.1 标签选择器

3.6.2 类选择器

3.6.3 ID选择器

3.6.4 通配选择器

3.6.5 伪类选择器

3.6.6 组合选择器

3.7 CSS选择器声明

3.7.1 群选择器

3.7.2 派生选择器

3.8 CSS3中新增的颜色定义方法

3.8.1 HSL

3.8.2 HSLA

3.8.3 RGBA

3.9 CSS3中新增的选择器

3.9.1 属性选择器

3.9.2 结构伪类选择器

3.9.3 UI元素状态伪类选择器

3.1 实例精讲——制作儿童类网站页面

3.11 本章小结

4 Div+CSS布局入门

4.1 定义Div

4.1.1 什么是Div

4.1.2 在网页中插入Div

4.2 关于CSS盒模型

4.2.1 可视化盒模型

4.2.2 margin（边界）

4.2.3 border（边框）

4.2.4 padding（填充）

4.2.5 content（内容）

4.3 常用定位方式

4.3.1 CSS定位属性

4.3.2 相对定位

4.3.3 绝对定位

4.3.4 固定定位

4.3.5 浮动定位

4.3.6 空白边叠加

4.4 常用布局方式

4.4.1 居中布局

4.4.2 浮动布局

4.4.3 自适应高度的解决方法

4.5 块元素和行内元素

4.5.1 块元素

4.5.2 行内元素

4.6 CSS3中新增的弹性盒模型

4.6.1 盒子取向box-orient

4.6.2 盒子顺序box-direction

4.6.3 盒子位置box-ordinal-group

4.6.4 盒子弹性空间box-flex

4.6.5 盒子空间管理box-pack和box-align

4.6.6 盒子空间溢出管理box-lines

4.7 实例精讲——制作社区类网站页面

4.8 本章小结

5 使用CSS控制文字样式

5.1 控制文字样式

5.1.1 定义字体

5.1.2 定义字体大小

5.1.3 定义字体颜色

5.1.4 定义字体粗细

5.1.5 定义字体样式

5.1.6 定义英文字体大小写

5.1.7 定义字体下画线、顶画线和删除线

5.2 控制字间距和段落样式

5.2.1 定义字间距

5.2.2 定义行间距

5.2.3 定义段落首字下沉

5.2.4 定义段落首行缩进

5.2.5 定义段落水平对齐

5.2.6 定义文本垂直对齐

5.3 CSS样式冲突

5.4 CSS3中新增的文字属性

5.4.1 文字阴影text-shadow

5.4.2 控制文本换行word-wrap

5.4.3 文本溢出处理text-overflow

5.4.4 保持字体大小不变font-size-adjust

5.5 实例精讲——制作工作室网站页面

5.6 本章小结

6 使用CSS控制背景和图片样式

6.1 使用CSS设置背景颜色

6.1.1 定义页面背景颜色

6.1.2 通过背景颜色为页面分块

6.2 使用CSS设置背景图像

6.2.1 定义背景图像

6.2.2 定义背景图像的重复方式

6.2.3 定义背景图像的位置

6.2.4 固定背景图像

6.3 使用CSS设置图片样式

6.3.1 定义图片的边框

6.3.2 定义图片缩放

6.3.3 定义图片的水平对齐

6.3.4 定义图片的垂直对齐

6.4 创建图文混排效果

6.4.1 使用CSS实现文字环绕效果

6.4.2 设置图文混排的间距

6.5 CSS3中新增的背景属性

6.5.1 背景图像大小background-size

6.5.2 背景图像显示区域background-origin

6.5.3 背景图像裁剪区域background-clip

6.6 CSS3中新增的边框属性

6.6.1 多重边框颜色border-colors

6.6.2 圆角边框border-radius

6.6.3 图像边框border-image

6.7 实例精讲——制作设计幼儿园网页

6.8 本章小结

7 使用CSS控制列表样式

7.1 列表概述

7.2 使用CSS定义列表样式

7.2.1 定义ul无序列表样式

7.2.2 定义ol有序列表样式

7.2.3 更改列表项目样式

7.2.4 使用图片作为列表样式

7.2.5 定义列表

7.3 使用列表制作导航菜单

7.3.1 使用CSS样式创建横向导航菜单

……

《Div+CSS 3.0网页样式与布局经典范例（含DVD光盘1张）》系统地介绍了CSS样式的基础理论和实际应用技术，并结合实例来介绍Div+CSS布局制作网页的方法和技巧。在实例的制作过程中，在介绍CSS样式设计各方面知识的同时，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松地掌握Div+CSS布局的方式，制作出精美的网页。并且，在书中还穿插介绍了有关CSS3.0和HTML 5的相关知识，力求使读者了解到最新的网页设计制作技术。