新手学CSS+DIV

第1篇 CSS技术基础
第1章 网页制作入门
1.1 了解浏览器和网页文档的关系
1.2 初识HTML和XHTML
1.2.1 HTML
1.2.2 XHTML
1.2.3 XHTML语法
1.3 初识CSS的作用
1.4 选择一个合适的开发工具
1.4.1 CSS专业开发编辑器TopStyle
1.4.2 网页开发编辑器Dreamweaver
1.5 常见面试题
1.6 小结
1.7 习题
第2章 CSS初体验——编写一个简单的网页文档
2.1 编写XHTML文档
2.1.1 使用Dreamweaver新建XHTML框架文档
2.1.2 手工编写XHTML文档
2.2 使CSS在XHTML文档中生效
2.2.1 在标签中加入CSS样式
2.2.2 在(style）（／style）标签中加入样式
2.2.3 链入外部CSS样式表
2.2.4 导入样式
2.2.5 优先级问题
2.3 初探CSS语句的结构和工作原理
2.3.1 CSS语句的结构
2.3.2 CSS语句的工作原理
2.4 CSS的注释
2.5 实例——从无到有建网页
2.6 常见面试题
2.7 小结
2.8 习题
第3章 CSS的基本语法
3.1 选择器
3.1.1 标签选择器
3.1.2 类选择器
3.1.3 ID选择器
3.1.4 全局选择器
3.1.5 组合选择器
3.1.6 继承选择器
3.1.7 伪类
3.2 声明
3.2.1 多重声明
3.2.2 集体声明
3.3 CSS的层叠原理
3.3.1 CSS样式来源
3.3.2 选择器的优先级
3.3.3 1important语句
3.3.4 顺序优先级
3.3.5 CSS的层叠规则
3.4 实例——制作简单的竖形菜单
3.5 常见面试题
3.6 小结
3.7 习题
第4章 CSS的单位
4.1 颜色单位
4.1.1 颜色名称
4.1.2 百分比颜色
4.1.3 数字颜色
4.1.4 十六进制颜色
4.2 长度单位
4.2.1 绝对单位
4.2.2 相对单位
4.3 常见面试题
4.4 小结
4.5 习题
第2篇 使用CSS控制页面样式
第5章 用CSS控制文本样式
5.1 字体
5.2 文字大小概述
5.2.1 设置文字大小
5.2.2 定义文字的相对大小
5.2.3 定义文字的绝对大小
5.3 文字颜色
5.4 文字粗细
5.5 斜体
5.6 下划线、顶划线和删除线
5.7 英文字母大小写
5.8 属性的缩写法
5.9 用段落属性改变文字的段落样式
5.9.1 段落的水平对齐方式
5.9.2 段落的垂直对齐方式
5.9.3 首行缩进
5.9.4 行间距与字间距
5.10 实例——简单的文章 页面
5.11 常见面试题
5.12 小结
5.13 习题
第6章 用CSS设置图片样式
6.1 用CSS设置图片的样式
6.1.1 在网页中插入图片
6.1.2 控制图片的大小
6.1.3 给图片添加边框的技巧
6.1.4 图片不显示的解决办法
6.1.5 给图片增加链接
6.2 实例——文字环绕
6.3 实例——制作简单相册
6.4 常见面试题
6.5 小结
6.6 习题
第7章 用CSS设置背景
7.1 设置背景颜色
7.2 设置背景图片
7.2.1 为元素添加背景图案
7.2.2 背景图的重复
7.2.3 背景图的位置
7.2.4 滚动和固定背景图
7.2.5 背景属性缩写
7.3 实例——制作圆角
7.4 常见面试题
7.5 小结
7.6 习题
第8章 用CSS控制超链接样式
8.1 改变超链接的基本样式
8.2 丰富超链接的表现形式
8.2.1 超链接背景图的巧妙运用
8.2.2 超链接翻转效果
8.3 实例——制作实用工具栏
8.4 常见面试题
8.5 小结
8.6 习题
第9章 用CSS控制列表样式
9.1 列表的类型
9.1.1 无序列表
9.1.2 有序列表
9.1.3 定义列表
9.2 改变列表符的样式
9.2.1 使用自带的列表符
9.2.2 用背景图片改变列表符
9.2.3 改变列表符的位置
9.2.4 列表属性的速写法
9.3 实例——制作带时间显示的新闻列表
9.4 实例——制作WEB2.0风格导航
9.5 常见面试题
9.6 小结
9.7 习题
第10章 用CSS美化表格
10.1 表格的基本页面元素
10.2 使用CSS控制表格元素
10.2.1 设置表格元素宽度
10.2.2 设置表格元素边框
10.3 实例——制作日历
10.4 常见面试题
10.5 小结
10.6 习题
第11章 用CSS控制表单样式
11.1 了解表单元素
11.1.1 form标签和fieldset标签
11.1.2 表单域和表单按钮
11.2 使用CSS美化表单元素
11.2.1 美化fieldset标签
11.2.2 美化表单域
11.3 实例——制作整洁的用户登录框
11.4 实例——制作简单的留言板
11.5 常见面试题
11.6 小结
11.7 习题
第12章 (2SS滤镜的应用
12.1 滤镜概述
12.2 透明层次滤镜(alpha)
12.3 颜色透明滤镜(chroma)
12.4 模糊滤镜(blur)
12.5 固定阴影滤镜(dropshadow)
12.6 移动阴影滤镜(shadow)
12.7 光晕滤镜(glow)
12.8 灰度滤镜(gray)
12.9 反色滤镜(invert)
12.10 镜像滤镜(flip)
12.11 遮罩滤镜(mask)
12.12 X射线滤镜(x-ray)
12.13 波纹滤镜(wave)
12.14 常见面试题
12.15 小结
12.16 习题
第13章 CSS代码的编写规范
13.1 使用语义明确的标记
13.2 使用有意义的CSS命名
13.3 CSS代码的缩写
13.4 合理的CSS注释
13.5 常见面试题
13.6 小结
13.7 习题
第3篇 DIV+CSS布局
第14章 DIV+CSS布局基础
14.1 初识DIV+CSS布局的流程
14.2 了解盒模型
14.2.1 div标签的盒模型举例
14.2.2 基本盒模型
14.2.3 边距
14.2.4 补白
14.2.5 边框
14.3 页面元素的布局
14.3.1 块级元素与行内元素
14.3.2 CSS布局方式——常规流
14.4 CSS布局方式——浮动
14.4.1 两个元素的浮动应用
14.4.2 多个元素的浮动应用
14.4.3 清除浮动
14.4.4 解决火狐浏览器的计算高度问题
14.5 CSS布局方式——相对定位
14.5.1 单个元素的相对定位
14.5.2 两个元素的相对定位
14.6 CSS布局方式——绝对定位
14.6.1 单个元素的绝对定位
14.6.2 两个元素的绝对定位
14.7 实例——制作歌曲专辑列表
14.8 实例——给图片加入信息
14.9 常见面试题
14.10 小结
14.11 习题
第15章 CSS页面基本排版技术
15.1 固定宽度布局
15.1.1 一列的水平居中布局
15.1.2 两列浮动布局
15.1.3 三列浮动布局
15.2 自适应宽度布局
15.2.1 两列布局——两列自适应宽度
15.2.2 两列布局——左列固定右列自适应
15.2.3 三列布局——中间列自适应
15.3 复杂的页面排版
15.3.1 复杂的页面排版——垂直布局
15.3.2 复杂的页面排版——水平布局
15.4 常见面试题
15.5 小结
15.6 习题
第16章 CSS的过滤器和HACK
16.1 CSS的过滤器和HACK概述
16.2 常用的HACK技术
16.2.1 全局选择器html
16.2.2 Limporrant和下划线
16.2.3 区分IE6、IE7和火狐浏览器的HACK技术
16.3 修复浏览器中常见的bug
16.3.1 修正浮动元素的双倍边距
16.3.2 修正IE6的消隐
16.3.3 修正IE6的重复字符
16.3.4 让火狐浏览器自动计算容器高度
16.3.5 实现容器的最小高度
16.4 常见面试题
16.5 小结
16.6 习题
第17章 了解WEB标准和重构
17.1 网页的组成
17.1.1 结构
17.1.2 表现
17.1.3 行为
17.2 了解WEB标准
17.2.1 什么是WEB标准
17.2.2 什么是W3C
17.2.3 使用WEB标准的必要性
17.3 如何建立标准WEB网页
17.3.1 正确书写网页文档头部
17.3.2 遵循XHTTML语法
17.4 常见面试题
17.5 小结
17.6 习题
第4篇精彩案例剖析
第18章 DIV+CSS页面布局实例：制作个人网站首页
18.1 个人网站首页构架分析
18.2 分块制作个人网站首页
18.2.1 制作个人网站首页的总体布局
18.2.2 实现左中右浮动布局
18.2.3 制作个人网站首页的左边栏目(leftCol)
18.2.4 制作个人网站首页的中间栏目(midCol)
18.2.5 制作个人网站首页的右边栏目(rightCol)
18.3 小结
第19章 DIV+CSS页面布局实例：制作个人博客
19.1 个人博客网站构架分析
19.2 个人博客首页的总体布局
19.2.1 建立网站文件夹以及构建整体网页的结构
19.2.2 构建整体网页的布局
19.2.3 实现mian容器中栏目的左中右浮动布局
19.3 制作个人博客的首页头部(]aeader)
19.4 制作个人客的首页左边栏目(leftCol)
19.4.1 制作左边栏中网文的结构
19.4.2 制作左边栏中网文的样式
19.4.3 完成leftCol其余部分的布局
19.5 制作个人博客首页的中间栏目(midCol)
19.6 制作个人博客额的白边栏目(rightCol)
19.7 制作个人博客分页
19.7.1 制作个人博客网站的文章页(aIticle.html)分页
19.7.2 制作个人博客网站的留言板(guestbook.html)分页
19.7.3 制作个人博客网站的主题页(archives.html)分页
19.3.4 制作个人博客关于(about.html)分页
19.8 小结
第20章 DIV+CSS页面布局实例：制作服饰商城
20.1 服饰商城构架分析
20.2 制作服饰商城首页的总体布局
20.2.1 建立网站文件夹以及构建整体网页的结构
20.2.2 构建整体网页的布局
20.3 制作服饰商城首页头部(header)
20.4 制作服饰商城导航(nav)
20.5 制作服饰商城第一栏(firstCol)
……
第21章 DIV+CSS页面布局实例：制作门户网站