CSS从入门到精通

第一篇 基础知识篇

第1章 与网页有关的基本概念

1.1 网页的基本构成

1.2 网页的结构设计——HTML与XHTML

1.2.1 认识HTML

1.2.2 认识XHTML

1.2.3 制作一个简单的XHTML网页

1.2.4 XHTML的优势

1.3 CSS入门

1.3.1 感性体验CSS的魅力

1.3.2 CSS的概念

1.3.3 CSS的特点

1.3.4 CSS的优势

1.3.5 发挥CSS的优势

1.4 Web标准

1.4.1 什么是Web标准

1.4.2 Web标准的构成

1.4.3 Web标准的表现层技术

1.5 使用CSS+DIV建设网站

1.5.1 CSS+DIV的含义

1.5.2 CSS+DIV网站设计的优势

1.6 小结

1.7 习题

第2章 CSS基础知识

2.1 CSS的基本语法

2.1.1 CSS的基本语法构成

2.1.2 一个CSS样式的简单实例

2.2 CSS的选择符

2.2.1 类型选择符

2.2.2 群组选择符

2.2.3 包含选择符

2.2.4 id、class选择符

2.2.5 标签指定式选择符

2.2.6 组合选择符

2.2.7 伪类和伪对象

2.2.8 通配选择符

2.3 CSS的常用属性及属性值

2.3.1 color颜色属性

2.3.2 常用的CSS长度单位

2.3.3 百分比值

2.3.4 URL路径

2.4 CSS的继承性

2.5 CSS的添加方法

2.5.1 在XHTML标识符里添加CSS

2.5.2 在XHTML头信息标识符里添加CSS

2.5.3 链接样式表

2.5.4 联合使用样式表

2.6 CSS的开发环境

2.6.1 编辑软件

2.6.2 浏览软件

2.7 小结

2.8 习题

第3章 XHTML与JavaScript基础

3.1 XHTML基础知识

3.1.1 XHTML的格式文件

3.1.2 XHTML基本结构

3.1.3 XHTML网页实例

3.2 XHTML的语法构成

3.2.1 XHTML中的标签

3.2.2 XHTML的标签属性

3.3 XHTML的语法规范

3.3.1 标签不能重叠，可以嵌套

3.3.2 XHTML文件一定要有正确的组织格式

3.3.3 标签名字一定要用小写字母

3.3.4 所有的XHTML元素一定要关闭

3.3.5 独立的一个标签也要用/〉来结束

3.4 div标签

3.4.1 什么是div

3.4.2 理解div

3.4.3 使用div

3.4.4 div的并列与嵌套

3.5 span标签

3.5.1 什么是span

3.5.2 span与div的区别

3.6 h1至h6标签

3.7 列表制作标签ul、ol、li

3.7.1 ul无序列表

3.7.2 ol有序列表

3.8 p标签和br标签

3.8.1 p标签

3.8.2 br标签

3.9 img标签

3.9.1 img标签的属性

3.9.2 img标签使用方法

3.10 表单标签

3.10.1 form标签

3.10.2 input标签

3.10.3 分组标签fieldset、legend

3.11 JavaScript简介

3.12 JavaScript语言基础

3.12.1 插入JavaScript

3.12.2 基本语法

3.12.3 变量和数据类型

3.12.4 语句

3.13 JavaScript的对象及其属性和方法

3.14 事件处理

3.14.1 事件处理的类型

3.14.2 指定事件处理

3.15 小结

3.16 习题

第4章 浏览器的兼容与解析问题

4.1 兼容问题的由来

4.2 需要兼容的常用浏览器

4.3 CSS hack技术

4.3.1 什么是CSS hack

4.3.2 使用CSS hack

4.4 常用CSS hack方法介绍

4.4.1 屏蔽IE 6浏览器

4.4.2 仅IE 7识别

4.4.3 仅IE 6识别

4.4.4 仅IE识别

4.4.5 兼容IE 6、IE 7、Firefox浏览器

4.5 CSS hack管理

4.6 IE条件注释功能

4.7 小结

4.8 习题

第二篇 实例制作篇

第5章 使用CSS制作背景

5.1 制作背景颜色

5.2 给元素添加背景图片

5.2.1 指定背景图像

5.2.2 制作重复的背景图像

5.3 制作不动的背景

5.4 给网页添加背景

5.5 制作滚动页面的背景

5.6 综合使用背景

5.7 小结

5.8 习题

第6章 使用CSS布局页面顶部内容

6.1 制作包含文本logo的页面顶部

6.2 制作包含图像logo的页面顶部

6.2.1 制作实例

6.2.2 兼容问题

6.3 制作包含文本banner的页面顶部

6.3.1 图片logo的定位

6.3.2 定义快捷方式的文本样式

6.3.3 定义段落文本banner样式

6.4 制作包含图像banner的页面顶部

6.5 小结

6.6 习题

第7章 使用CSS制作网站导航

7.1 制作一个简单的横向文字导航条

7.2 制作方块导航条

7.3 制作标签式导航

7.4 制作按钮导航条

7.5 CSS盒模型及盒模型hack

7.5.1 盒模型尺寸

7.5.2 盒模型hack

7.5.3 简单盒模型hack方法

7.6 制作会动的长城形导航条

7.7 制作基于背景控制的导航条

7.8 制作左右自由伸展的导航条

7.8.1 九宫格技术原理

7.8.2 制作自由伸展的导航条实例

7.9 制作一个简单的纵向导航条

7.9.1 使用ul、li列表标签制作导航条

7.9.2 使用div+h1标签制作

7.10 制作分行导航条

7.11 制作增亮导航条

7.12 制作动感的导航条

7.13 制作下拉式导航条

7.13.1 制作实例

7.13.2 兼容问题

7.14 制作多级弹出导航条

7.14.1 制作实例

7.14.2 兼容问题

7.15 小结

7.16 习题

第8章 使用CSS制作列表

8.1 制作新闻列表

8.1.1 制作实例

8.1.2 兼容问题

8.2 制作排行榜

8.3 制作自定义图片项目符号的列表

8.3.1 使用列表符号样式属性制作列表

8.3.2 使用背景图片属性制作列表符号

8.3.3 兼容问题

8.4 使用CSS改变列表排版

8.5 列表缩进排版

8.5.1 制作实例

8.5.2 兼容问题

8.6 复杂列表排版

8.6.1 overflow属性语法结构

8.6.2 制作实例

8.6.3 兼容问题

8.7 小结

8.8 习题

第9章 使用CSS制作表单

9.1 制作登录表单

9.1.1 label标签语法结构

9.1.2 制作登录表单实例

9.1.3 兼容问题

9.2 制作用户注册表单

9.2.1 制作页面的XHTML代码

9.2.2 制作页面的CSS样式

9.3 制作符合W3C标准的表单

9.3.1 制作页面的XHTML代码

9.3.2 制作页面的CSS样式

9.3.3 兼容问题

9.4 小结

9.5 习题

第10章 使用CSS制作内容的版式

10.1 制作分栏的文字排版

10.2 制作图文混合排版

10.2.1 图文混排基本方式

10.2.2 制作网站图文混排版式的实例

10.3 制作全图排版的实例

10.3.1 自由浮动布局

10.3.2 其他显示方式布局

10.4 小结

10.5 习题

第11章 使用CSS制作链接样式

11.1 制作Windows风格样式的CSS按钮

11.1.1 仿Windows经典样式的CSS按钮

11.1.2 仿Windows XP风格的CSS按钮

11.2 制作仿按钮下陷效果的实例

11.3 面包屑导航链接

11.3.1 制作实例

11.3.2 兼容问题

11.4 小结

11.5 习题

第12章 使用CSS制作数据表格

12.1 制作基本的数据表格

12.1.1 表示数据的表格对象标签

12.1.2 使用表格标签制作表格

12.1.3 使用CSS修饰表格样式

12.2 制作CSS风格的数据表格

12.2.1 表格对象标签属性

12.2.2 CSS属性text-transform

12.2.3 制作数据表格实例

12.3 小结

12.4 习题

第13章 使用CSS制作页面底部内容

13.1 制作文本信息的页面底部内容

13.1.1 a标签的title属性

13.1.2 制作包含文本信息的页面底部XHTML结构代码

13.1.3 制作页面的CSS样式

13.1.4 兼容问题

13.2 制作包含导航链接的页面底部内容

13.2.1 制作包含导航链接页面底部的XHTML代码结构

13.2.2 制作页面的CSS样式

13.3 制作包含图像友情链接的页面底部内容

13.3.1 制作页面底部的XHTML结构

13.3.2 制作页面的CSS样式

13.4 小结

13.5 习题

第三篇 整体布局篇

第14章 CSS基本布局

14.1 一列固定宽度

14.2 一列宽度自适应

14.3 一列居中

14.4 二列固定宽度

14.5 二列宽度自适应

14.6 两列右列宽度自适应

14.7 两列固定宽度居中

14.8 三列浮动中间列宽度自适应

14.9 高度自适应

14.10 小结

14.11 习题

第15章 CSS整体布局的实现

15.1 顶行三列布局的实现

15.1.1 制作思路

15.1.2 制作顶部三列式布局实例

15.2 多区域不规则布局

15.2.1 制作思路

15.2.2 制作多区域不规则布局的实例

15.3 小结

15.4 习题

第16章 使用Dreamweaver制作页面的实例

16.1 框架设计

16.1.1 页面分析

16.1.2 框架制作

16.1.3 切图

16.2 布局设计

16.2.1 页面顶部布局设计

16.2.2 页面中上部的布局设计

16.2.3 页面中下部的布局设计

16.2.4 页面底部的布局设计

16.3 模块设计

16.3.1 快速导航制作

16.3.2 “面包屑”制作

16.3.3 数据表格制作

16.3.4 图片排版

16.4 兼容性测试

16.5 小结

16.6 习题

第四篇 综合应用篇

第17章 博客类网页布局设计

17.1 页面布局和规划

17.1.1 界面设计分析

17.1.2 规划页面布局

17.2 CSS结构设计与整体布局设计

17.2.1 CSS结构设计

17.2.2 整体布局设计

17.3 页面头部布局设计

17.3.1 制作头部的结构代码

17.3.2 编写头部的CSS代码

17.4 日志部分的布局设计

17.4.1 制作日志部分的结构代码

17.4.2 编写日志部分的CSS代码

17.5 边栏区域的布局设计

17.5.1 制作边栏区域的结构代码

17.5.2 编写右边栏区域的CSS代码

17.6 页面底部的布局设计

17.6.1 制作底部的结构代码

17.6.2 编写底部的CSS代码

17.7 小结

第18章 企业类网页布局设计

18.1 页面布局和规划

18.1.1 界面设计分析

18.1.2 规划页面布局

18.2 CSS结构设计与整体布局设计

18.2.1 CSS文件结构设计

18.2.2 首页布局设计

18.3 页面头部布局设计

18.3.1 制作头部的结构代码

18.3.2 编写头部的CSS样式

18.4 页面banner区域的布局设计

18.4.1 制作banner区域主体的布局设计

18.4.2 制作banner区域各个元素的布局设计

18.5 页面主内容区的布局设计

18.5.1 制作页面主内容区结构

18.5.2 编写CSS样式

18.6 频道页面布局设计概述

18.7 小结

《CSS从入门到精通(第2版)》特色：入门-进阶-实战，轻松掌握、100个实例、71个习题、2个案例、12.5小时多媒体教学视频、超值CD-ROM、《CSS从入门到精通(第2版)》教学视频、《CSS从入门到精通(第2版)》源代码、《CSS从入门到精通(第2版)》教学PPT、《CSS从入门到精通(第2版)》练习题答案。 《CSS从入门到精通(第2版)》共分为四篇，循序渐进地讲述了网页基础知识和CSS布局的实战技术。书中从基本概念到具体实践、从对网页的认识到制作网页、从使用CSS进行网页局部的设计到进行整个网站的布局制作都进行了详细的阐述，并对具体知识点进行了详细的实例讲解。《CSS从入门到精通(第2版)》内容丰富，讲解时注重思维方法的转变和提高实际操作能力，以最简单的方法介绍使用CSS进行符合Web标准的网页设计的相关知识和技巧。全书以CSS布局为主体内容，探讨CSS布局的入门知识与网站布局实战技巧、版式布局的细节、浏览器兼容性等，帮助读者改变传统的网站设计思维，进入基于Web标准的网页设计领域。《CSS从入门到精通(第2版)》含有大量实例，详细描述各个CSS属性以及代码编写技巧，方便读者模拟实践。《CSS从入门到精通(第2版)》适合将要学习或者正在学习使用CSS布局技术的用户阅读，并可作为Web前端代码架构从业人员的参考手册。