CSS那些事儿：掌握网页样式与CSS布局核心技术

.视频：光盘\视频\伪类与伪对象
1.3.1 伪类 23
1.3.2 伪对象 24
1.4 剪不断理还乱——善处选择符之间的关系 25
视频：光盘\视频\善处选择符之间的关系
1.4.1 选择符的覆盖 25
1.4.2 选择符z的继承 26
1.4.3 选择符的权重值优先级别 27
1.5 英雄救美——让css拯救html 29
1.5.1 把css引入到html页面中 30
1.5.2 样式表的规划与维护管理 31
1.6 小结 32
第2章 一亩三分地——css的工作环境 33
在对于css的兼容性讨论中，永恒的话题就是浏览器的兼容性问题。虽然今天，ie、firefox、opera、safari等主流浏览器都支持css，但它们仍在符合标准的程度上出现无数的差异。
2.1 css的显示环境——浏览器 34
视频：光盘\视频\浏览器
2.2 css的处理环境——编辑器 35
视频：光盘\视频\编辑器
2.2.1 语法高亮 36
2.2.2 公共配置目录 38
2.2.3 模板文件 39
2.2.4 快捷键的设置 40
2.2.5 窗口半透明及窗口置顶 40
2.2.6 代码辅助设置 41
2.2.7 用户工具 41
2.2.8 自动完成 44
2.2.9 剪辑文本窗口 46
2.2.10 对编辑器的小结 48
2.3 css的辅助处理——周边插件 48
视频：光盘\视频\辅助插件
2.4 小结 57
第2部分 css页面布局篇
第3章 简单也是复杂的——从一个简单页面布局说起 59
好的地基是盖大楼的根本，好的基础是深入学习的前提，掌握css页面布局也是学好css知识的基础，让我们先从一个简单的布局开始吧！
3.1 盒模型介绍 60
视频：光盘\视频\认识盒模型
3.1.1 认识盒模型 60
3.1.2 什么是doctype 64
3.1.3 doctype的类型 64
3.1.4 ie浏览器=邮局的纸盒邮包 67
3.1.5 对盒模型的小结 74
3.2 网页布局的设计原则 75
3.3 最简单的页面 76
视频：光盘\视频\简单的页面
3.3.1 这是一个网页？ 76
3.3.2 容器居中显示 77
3.3.3 容器居中文本居左显示 79
3.3.4 容器居右显示 80
3.4 小结 82
第4章 提纲挈领——两列页面布局 83
两列的布局结构是页面中最常用的结构，尤其在产品展示及新闻内容页面最为常见，需要读者多通过实践去体会。
4.1 两列定宽结构 85
视频：光盘\视频\两列定宽定高的布局
4.2 两列自适应结构 90
视频：光盘\视频\两列自适应的布局
4.3 单列定宽单列自适应结构 94
视频：光盘\视频\单列定宽单列自适应结构
4.4 两列等高 100
视频：光盘\视频\两列等高
4.4.1 背景模拟 100
4.4.2 负边距实现 102
4.4.3 边框模拟 105
4.4.4 其他方式 107
4.5 小结 109
第5章 更大气的三列或多列页面布局 111
多列布局的情况一般比较少见，最常见的是三列布局比，一般出现在门户类型的网站首页，也可以说是一个网站的门脸。
视频：光盘\视频\三列的页面结构
5.1 三列或多列布局与两列布局之间的微妙联系 112
5.2 两列定宽中间自适应结构 114
5.3 左侧定宽右侧及中间自适应结构 118
5.4 三列宽度自适应结构 121
5.5 三列等高 122
5.5.1 背景模拟 122
5.5.2 负边距实现 124
5.5.3 边框模拟 126
5.5.4 其他方式 128
5.6 小结 130
第3部分 css页面元素篇
第6章 网页文本润色技法 131
自从html诞生以来，其主要的作用是将信息通过页面的形式传达给用户。文本信息作为主要的传达方式之一，由以前的纯文本演变至如今多姿多彩的文本，其主要功劳归功于css样式。
6.1 文字基本样式 132
视频：光盘\视频\文字基本样式
6.1.1 字体设置 132
6.1.2 字形改变 135
6.1.3 文字颜色 138
6.2 段落样式 139
视频：光盘\视频\段落样式
6.2.1 首行缩进 139
6.2.2 行高调整 142
6.3 特殊效果 144
视频：光盘\视频\特殊效果
6.3.1 首字下沉 144
6.3.2 首行文字样式 145
6.3.3 文字隐藏截取 146
6.4 文字链接 152
视频：光盘\视频\文字链接
6.4.1 基础链接样式 152
6.4.2 多彩链接样式 154
6.4.3 图文链接样式 155
6.5 实例分解——新闻内容页 156
视频：光盘\视频\实例分解
6.6 小结 162
第7章 淡妆浓抹总相宜——图片的处理与美化 163
网页需要图片来装饰，任何一个页面都少不了漂亮的图片来“打扮”一下。如何合理地使用图片、优化图片将直接影响网页的性能问题。
7.1 背景图优化 164
视频：光盘\视频\背景属性分解..
7.1.1 背景属性分解 169
7.1.2 css sprite技巧分解 177
7.2 图文混排处理 183
视频：光盘\视频\图文混排及实例分解
7.3 实例分解——图文新闻内容页 185
7.4 小结 192
第8章 桀骜不驯的浪子——页面中的列表 193
页面制作人员为了能使网页的xhtml结构更加符合语义化，会将列表以各种各样的表现形式体现在网页中，善于合理地使用列表将会增强页面的结构性、语义性。
8.1 列表的种类 194
视频：光盘\视频\列表的种类
8.1.1 无序列表 194
8.1.2 有序列表 197
8.1.3 自定义列表 204
8.2 列表模式的导航 206
视频：光盘\视频\列表模式的导航
8.3 榜上有名，音乐榜单 213
视频：光盘\视频\榜上有名，音乐榜单
8.4 实例分解——二级菜单导航 217
视频：光盘\视频\二级菜单导航
8.5 实例分解——图文列表信息 221
视频：光盘\视频\图文列表信息
8.6 小结 225
第9章 苦乐年华——表单美容二三事儿 227
网页不仅能向用户传达信息，还能与用户“对话”，“对话”的过程主要是通过表单提交信息“告诉”网站所要了解或者想要传达的信息。良好的表单设计能与用户之间进行良好的沟通。
9.1 表单元素的特性说明 228
视频：光盘\视频\表单元素的特性说明
9.2 实例分解——登录框的制作 230
视频：光盘\视频\登录框的制作
9.3 实例分解——搜索框的制作 236
视频：光盘\视频\搜索框的制作
9.4 实例分解——反馈表单的制作 240
视频：光盘\视频\反馈表单的制作
9.5 小结 247
第10章 封闭的巴黎圣母院——走进表格的世界 249
在现实生活中，工作、学习、生活等方面都会使用表格，并且其作用也是相当强大的，它能很清晰简明地表达所需要表达的东西。随着互联网时代的发展，在网络中出现的表格也是越来越多。
10.1 表格的介绍 250
视频：光盘\视频\表格的介绍
10.1.1 以往的表格结构 250
10.1.2 正确的表格结构 252
10.2 细线表格 259
视频：光盘\视频\细线表格
10.3 隔行换色的表格 261
视频：光盘\视频\隔行换色的表格
10.4 实例分解——日历表的制作 268
视频：光盘\视频\日历表的制作
10.5 小结 272
第4部分 css应用篇
第11章 闲话css滤镜 273
滤镜并不是很新鲜的东西，但却是一个很神奇的东西。通过滤镜可以将其所涉及到的元素改变得“面目全非”，可以把图片模糊、风化等，在网页中可以帮助我们实现很多漂亮的效果。
11.1 透明的图文信息 274
视频：光盘\视频\透明的图文信息
11.1.1 实现透明效果 275
11.1.2 了解透明滤镜 277
11.1.3 解决透明滤镜带来的困惑 278
11.2 ie 6正常显示png-24格式的图片 281
视频：光盘\视频\ ie 6正常显示png-24格式的图片
11.2.1 在ie 6浏览器中正常显示png-24格式的图片 283
11.2.2 深入剖析png-24转换滤镜 284
11.3 滤镜的是与非 288
11.4 小结 290
第12章 话说tab选项卡 291
选项卡，我们也称为标签页，通过点击相应的标签名后将内容显示在固定的区域。而在网页中，我们可以以多种不同的形式表现标签页。
视频：光盘\视频\话说tab选项卡
12.1 选项卡曾经的实现方式 292
12.2 如今的选项卡模式 293
12.3 选项卡实现原理分析 294
12.4 选项卡的优化 297
12.5 实现最终的选项卡效果 298
12.6 换个思路思考选项卡 300
12.7 不同xhtml结构选项卡的对比 303
12.8 小结 304
第5部分 css实战篇
第13章 秀一把css相册 305
一个简单的相册，其中所蕴含的css技巧及思维并非十分简单，通过该实例，希望读者能了解如何去挖掘css样式的潜在能力，拓展思维，延伸css样式的功能。
视频：光盘\视频\秀一把css相册
13.1 简易相册实现思路分析 306
13.2 实现简易相册的雏形 309
13.3 简易相册成形之初 311
13.4 美化简易相册 312
13.5 实现最终效果的简易相册 313
13.6 小结 316
第14章 怪异的导航模式 317
任何一个网站不可缺少的就是导航菜单，缺少了导航菜单将会让用户在网站中迷失方向，不知道该如何去浏览网站信息。导航的重要性就犹如航海员在大海中的指南针。
视频：光盘\视频\怪异的导航模式
14.1 怪异导航曾经的实现方法 318
14.2 如今实现怪异导航的方法 319
14.3 实现怪异导航的背景图片 320
14.4 结合css样式调用背景图片 321
14.5 怪异导航细节优化 323
14.6 改变思路实现怪异导航 325
14.7 绝对定位方式实现怪异导航 326
14.8 又一种怪异导航模式 328
14.9 小结 330
第15章 时间紧随标题的新闻列表 331
网络提供给广大网民最大的特点某过于信息传达，更多的时候网络中出现的新闻比报纸、新闻联播、广播都要及时。专注新闻信息传达的网站少不了的是新闻列表，所谓新闻列表就是将新闻标题以列表的形式显示在网页中。
视频：光盘\视频\时间紧随标题的新闻列表
15.1 时间紧随标题的新闻列表的由来 332
15.2 时间紧随标题的新闻列表雏形 333
15.3 使用max-width实现效果 335
15.4 原理分析及最终效果 335
15.5 小结 338
第16章 幻灯片的简单模拟 339
在microsoft powerpoint软件中，当选择“幻灯片列表区域”中的某个幻灯片时，将会在“幻灯片内容显示区域”改变显示当前选择的幻灯片。在网页中我们可以利用这个功能将多张图片显示在一个位置，根据用户选择的“幻灯片”而变化最终要显示的内容
视频：光盘\视频\幻灯片的简单模拟
16.1 幻灯片原理分析 341
16.2 幻灯片的雏形 344
16.3 简易幻灯片的功能实现 346
16.4 小结 348
第17章 谈谈清除浮动 349
本章我们并非分析实例的运用，而是想通过文字和图片分析的方式一起了解关于清除浮动的点点滴滴。
17.1 浮动的原理 350
视频：光盘\视频\浮动的原理
17.2 清除浮动方式 356
视频：光盘\视频\清除浮动方式
17.3 小结 370
第18章 活动页面布局实现 371
活动页面最大的作用就是在某个时间段内的宣传，因此该页面的“存活”周期很短，而且为了能够吸引用户在浏览网页的时候把目光集中在页面中的重点部分，一般设计师会将页面设计得很漂亮，将采用很多图片之类素材。
视频：光盘\视频\活动页面布局实现
18.1 结构分析 373
18.2 模块分析 375
18.3 图片优化 379
18.4 细节优化调整 383
18.5 小结 386
第6部分 写在最后的话
附录a 怎么提高自身编写代码的能力 387
附录b w3c的css验证是什么 393
附录c 网络资源分享... 399