CSS+DIV网页布局技术详解

第1篇 CSS布局基础知识

第1章 Web标准布局的本质

1.1 为什么要建立Web标准

1.1.1 建立Web标准的目的

1.1.2 使用Web标准的好处

1.2 什么是Web标准

1.3 结构和表现

1.4 两种思考方式

1.5 Web标准的前景

1.6 Web标准网站欣赏

第2章 XHTML书写规范

2.1 为什么要使用XHTML

2.2 什么是XHTML

2.3 XHTML语法基础

2.3.1 XHTML页面结构

2.3.2 元素的书写格式和属性

2.3.3 各种元素的属性

2.4 XHTML代码规范

第3章 CSS基础与书写规范

3.1 CSS的基础知识

3.1.1 什么是CSS

3.1.2 CSS的语法

3.1.3 选择符

3.1.4 属性

3.1.5 伪类和伪元素

3.1.6 颜色单位

3.1.7 长度单位

3.1.8 百分比值

3.1.9 URL

3.1.10 默认值

3.1.11 继承性

3.2 CSS编码规范

3.2.1 CSS基本书写规范

3.2.2 CSS命名参考

3.2.3 CSS样式表书写顺序

3.3 怎样更好地应用CSS

3.3.1 块元素和内联元素

3.3.2 CSS的一些实用技巧

3.3.3 怎样调试CSS

3.4 关于CSS的学习

第2篇CSS页面布局技巧

第4章 网页头部元素的详细定义

4.1 DOCTYPE的选择

4.1.1 什么是DOCTYPE

4.1.2 选择什么样的DOCTYPE

4.2 名字空间

4.3 编码问题

4.4 meta标签

4.5 CSS的调用

4.5.1 调用样式表的几种方法

4.5.2 应用样式的优先级

4.6 网页头部实例

第5章 CSS基本布局属性

5.1 页面的制作流程和整体分析

5.2 元素定位基础知识

5.2.1 块元素的默认排列

5.2.2 内联元素的默认排列

5.2.3 块元素和内联元素的混合默认排列

5.2.4 使用浮动属性进行定位

5.3 定位属性详解

5.3.1 定位模式

5.3.2 边偏移

5.3.3 层叠定位属性

5.4 定位属性的应用

5.4.1 绝对定位

5.4.2 相对定位

5.4.3 固定定位

5.4.4 层叠定位属性的使用

5.5 页面背景的设定

5.5.1 使用背景色定义背景

5.5.2 背景图片的默认使用

5.5.3 背景图片的重复

5.5.4 背景图片的位置

5.5.5 背景图片的附件

5.6 背景的综合应用

5.6.1 背景颜色和背景图片的层叠

5.6.2 背景图片的重复和位置的关系

5.6.3 背景属性在内联元素中的使用

5.6.4 背景属性的缩写

5.6.5 页面文本的样式

5.6.6 链接的样式

5.7 布局的基础知识

5.7.1 页面布局的步骤

5.7.2 使用id还是class

5.7.3 控制内容显示的display属性

5.7.4 控制内容显示的visibility属性

5.7.5 使用text-align属性的水平居中

5.7.6 使用margin属性的水平居中

5.8 浮动属性

5.8.1 浮动属性详解

5.8.2 相邻的浮动元素和固定元素

5.8.3 相邻的两个浮动元素

5.8.4 相邻的多个浮动元素

5.9 关于ul和li的样式详解

5.9.1 使用list-style-type属性

5.9.2 使用list-style-position属性

5.9.3 使用list-style-image属性

5.9.4 使用list-style属性

5.10 一个纵向导航菜单的制作

5.10.1 菜单原理

5.10.2 制作菜单内容和结构部分

5.10.3 CSS代码编写

5.11 一个横向导航菜单的制作

5.11.1 菜单原理

5.11.2 制作菜单内容和结构部分

5.11.3 CSS代码编写

5.12清除浮动

5.12.1 清除浮动属性详解

5.12.2 清除浮动属性的使用

5.13 页面header部分的制作

5.13.1 效果图分析（1）

5.13.2 第一次切图

5.13.3 第二次切图

5.13.4 制作前的准备工作

5.13.5 效果图分析（2）

5.13.6 页面结构的制作

5.13.7 基础样式的定义

5.13.8 banner部分样式的定义

5.13.9 menu部分样式的定义

5.13.10页面全部的CSS代码

第6章 CSS容器属性

6.1 什么是盒模型

6.1.1 内容与盒模型

6.1.2 背景与盒模型

6.2 补白属性

6.2.1 补白属性详解

6.2.2 百分比值的使用

6.2.3 单侧的补白属性

6.2.4 补白属性的简写

6.3 边框属性

6.3.1 边框样式

6.3.2 边框宽度

6.3.3 边框颜色

6.3.4 边框的综合定义

6.3.5 单侧边框的综合定义

……

第3篇 整站的CSS定义技巧

第4篇 DIV+CSS布局实例

CSS布局是目前最流行的网页制作技术。本书通过实例讲解了CSS各个属性的使用方法和怎样使用CSS进行页面的制作。全书内容包括Web标准布局的本质、XHTML书写规范、CSS基础与书写规范、网页头部元素的详细定义、CSS基本布局属性、CSS容器属性、CSS定义文本属性、元素的修饰和CSS常见应用、DIV+CSS布局基础、关于整站样式表的分析、关于标准的校验以及各种制作实例等内容。本书适合广大Web网站设计人员、网站设计的初学者、网站管理维护人员、大专院校学生和社会培训学生阅读。

内容全面：详解常用CSS属性、DIV+CSS网页设计中使用到的各种标签。
强调实用：配合W3C的Web标准进行讲解，以开发需求为主线安排内容。
由浅入深：语法-应用-开发，逐步递进，更符合读者的学习规律。
全程视频：超长时间视频讲解，共10小时，帮助读者快速掌握技术。
实例众多：包含大量技巧与实例，以常见网络应用为大案例进行分析。
贴近实践：针对实际开发中的技术难点，提出完善的解决方法。