CSS基础教程PDF电子书下载

第一部分　了解CSS 3

第1章　入门 3

1.1 将CSS应用到（X）HTML 3

1.1.1 准备基本的（X）HTML模板 3

1.1.2　内联样式 5

1.1.3 内嵌样式 5

1.1.4　外部样式 6

1.1.5　导入和组合样式 7

1.1.6　打印样式表 7

1.1.7　其他样式表 8

1.2　维护和组织样式表 8

1.2.1 多个目录 8

1.2.2　多样式表 9

1.2.3　在其他的设备上使用屏幕样式表 10

1.3　高效的CSS语法 11

1.3.1　定义一个样式 11

1.3.2　注释 12

1.3.3　为规则加上标志 13

1.3.4　为了清晰，使用缩进 13

1.4　准备好继续进行 14

第2章　CSS核心概念 15

2.1　ID与类 15

2.1.1 ID 16

2.1.2　类 17

2.2　使用层叠 20

2.2.1　利用不同的应用方法实现层叠 20

2.2.2　通过多个外部样式表层叠 21

2.2.3　通过导入样式表实施层叠 21

2.2.4　层次的最底层 22

2.2.5　小心使用层叠 22

2.3 分组 23

2.4.　继承 24

2.4.1　父元素与子元素 25

2.4.2　继承的工作原理 25

2.4.3　从body继承 25

2.4.4　提醒 26

2.5　上下文选择器 27

2.6　CSS度量 28

2.6.1 绝对度量 28

2.6.2　相对度量 29

2.6.3　像素 29

2.6.4　百分比 30

2.6.5　em 31

2.7　小结 34

第3章 CSS构造块 35

3.1　div 35

3.1.1 添加div 35

3.1.2　添加子div 36

3.1.3　div和上下文选择器 37

3.2　维度：宽度和高度 39

3.3　外边距 40

3.3.1　外边距声明 40

3.3.2　用margin:auto将元素居中 41

3.4　内边距 42

3.4.1 内边距声明 43

3.4.2 内边距缩写 43

3.5　外边距、内边距和主体 44

3.6　边框 44

3.6.1　边框属性 44

3.6.2　让边框变得明显 48

3.7　小结 48

第4章　文本 49

4.1　为什么文本如此重要 49

4.1.1 通过适当的字体来表达网页的风格 49

4.1.2　清晰字体平滑 50

4.2　基本字体属性 51

4.2.1　设定字体 51

4.2.2　字体声明缩写 52

4.3　可用字体 53

4.3.1　Web安全字体 53

4.3.2　有趣的替代字体 55

4.3.3　谨慎使用字体 57

4.4　默认的浏览器显示 57

4.5　应用样式 58

4.5.1　定义样式表 58

4.5.2　body声明 58

4.6　请务必使用line-height属性 59

4.6.1　用百分比设置line-height 59

4.6.2　其他line-height值 60

4.7　letter-spacing属性 61

4.8　其他的关键字体属性 62

4.8.1　font-weight 62

4.8.2　font-style 62

4.8.3　font-variant 62

4.8.4　text-transform 63

4.8.5　几种字体属性的组合 63

4.8.6　更多字体声明缩写 64

4.9　灵活处理文本 65

4.9.1 引用 65

4.9.2　段落缩进 66

4.9.3　首字下沉 67

4.10　愿字体与你同在 68

第5章　颜色、背景与图像 69

5.1 颜色简史 69

5.1.1　Web安全是首位的吗 69

5.1.2　设定颜色 70

5.1.3　使用17种具名颜色 71

5.1.4　我们一定要使用Web安全吗 71

5.1.5　为你的设计选定一个调色板 73

5.2　文本颜色 73

5.3　背景色 74

5.3.1　在文本上添加背景色 74

5.3.2　为标题添加背景色 75

5.3.3　为其他元素添加背景 76

5.4　背景的图像格式 79

5.4.1　GIF 79

5.4.2　JPEG 81

5.4.3　PNG 82

5.4.4　小结 83

5.5　背景图像 83

5.5.1 明智地使用背景图像 83

5.5.2　准备好模板和样式表 83

5.5.3　设定背景图像 84

5.5.4　重复 85

5.5.5　定位 87

5.5.6　粘连 88

5.5.7　背景缩写 89

5.6　小结 89

第6章　列表 90

6.1 为什么要采用列表 90

6.2　无序列表 90

6.2.1　基本列表CSS 91

6.2.2　以背景图像作为列表项目符 97

6.2.3　内联列表 98

6.2.4　用ID控制 99

6.2.5　用类对列表项进行分组 101

6.2.6　嵌套列表 103

6.3　用于导航的列表 105

6.4　有序列表 108

6.4.1　控制有序列表 109

6.4.2　创建自定义数字 109

6.4.3　用特定类声明数字 110

6.4.4　装饰有序列表 111

6.5　小结 112

第7章　链接 113

7.1　链接标记 113

7.2　默认链接样式 114

7.3　简单CSS规则 114

7.3.1　建立模板 114

7.3.2　改变链接颜色 115

7.3.3　关于顺序的一点提示：LoVe HAte 117

7.4　其他有用的链接属性 117

7.4.1　文本修饰 117

7.4.2　为链接加上边框 118

7.4.3　用背景图像添加记号 119

7.5　利用派生选择器来影响链接 120

7.6　利用链接来转换导航栏 122

7.6.1　准备一个模板 122

7.6.2　定义所有共享的链接声明和可点击区域 123

7.6.3　定义背景色 124

7.6.4　突出当前页面 125

7.7　小结 126

第8章　表格和定义列表 127

8.1　表格 127

8.1.1 关于可访问性的一点说明 127

8.1.2　表格是用来干什么的 128

8.1.3　常用表格 128

8.1.4　border-collapse 134

8.1.5 自定义元素 135

8.2　定义列表 139

8.2.1　定义列表标记 139

8.2.2　定义列表中的列表 141

8.2.3　小心使用定义列表 146

8.2.4　推荐阅读 146

8.3 小结 146

第9章　表单 147

9.1　标记回顾 147

9.1.1　表单元素 148

9.1.2　提高可访问性 149

9.1.3　使用ID 151

9.2　通过浏览器呈现表单元素 152

9.3　表单样式基础 153

9.3.1　准备一个文件和样式表 154

9.3.2　表单CSS块完成了 158

9.4　3种方法 159

9.4.1　关于每一个例子 159

9.4.2　基于表格的表单 160

9.4.3　段落和换行元素布局 162

9.4.4　定义列表布局 167

9.5　哪一种方法更好 175

9.6　小结 175

第二部分　逻辑布局 179

第10章　布局基础 179

10.1　浮动和清理 179

10.1.1 float属性 181

10.1.2　浮动图像 181

10.1.3　清理浮动 184

10.1.4　清理浮动图像 187

10.2　定位 193

10.2.1　基本定位属性和值 194

10.2.2　记住这一点 199

10.3　小结 199

第11章　经典布局 200

11.1　布局类型 200

11.1.1 固定宽度布局 201

11.1.2　流体布局 202

11.1.3　弹性布局 202

11.1.4　可变固定宽度 203

11.2　准备工作 204

11.3　流体浮动两列布局 206

11.3.1　报头和页脚 206

11.3.2　浮动边栏 207

11.3.3　流体左浮动、右浮动 212

11.4　流体浮动三列布局 213

11.5　流体定位两列布局 218

11.5.1 高度很重要 218

11.5.2　页脚问题 220

11.6　流体定位三列布局 221

11.7　固定宽度布局 225

11.7.1　框模型 225

11.7.2　固定以及浮动三列布局 228

11.8　小结 233

第12章　布局操作 234

12.1　用上下文选择器切换布局 234

12.1.1　准备工作 235

12.1.2　body 238

12.2　伪列 242

12.2.1 准备工作 243

12.2.2　框模型又如何呢 246

12.2.3　流体伪列 246

12.3　小结 246

第13章　由布局到模板之旅 247

13.1　报头 247

13.1.1　基本报头 248

13.1.2　Content右浮动（搜索工具） 250

13.2　标题 252

13.3　导航栏 253

13.4　漂亮的页脚 254

13.4.1　特殊页脚 254

13.4.2　action-packed页脚 257

13.5　小结 265

第14章　提高可用性和可访问性 267

14.1　指导原则和法规 267

14.1.1 网站内容可访问性指南 268

14.1.2　508款 268

14.2　用户样式表 269

14.2.1 !important 269

14.2.2　继承 269

14.3　更有帮助 270

14.4　特定样式表 272

14.4.1　打印样式表 272

14.4.2　可移动设备／手持设备样式表 276

14.5　小结 278

第15章　技巧、窍门和问题 279

15.1　轮换图像 279

15.1.1　过去的情况 279

15.1.2　(X)HTML 280

15.1.3　图像 280

15.1.4　CSS 280

15.2　overflow属性 281

15.3　组合类 285

15.4　hack和滤镜 287

15.4.1　安全hack 287

15.4.2　即将面世的IE 7 289

15.5　解决问题 291

15.5.1 常见问题 291

15.5.2　建议 292

15.6　小结 293

第16章　案例分析：The Dead Goods 295

16.1　案例分析 295

16.2　整个过程 295

16.2.1　设计 296

16.2.2 内容 297

16.2.3　表现 298

16.3　准备工作 299

16.4　为布局加上线框 299

16.4.1　主体 299

16.4.2　容器 300

16.4.3　报头 300

16.4.4　列 300

16.4.5 页脚 301

16.4.6　有组织的布局 301

16.5　使用背景 302

16.5.1　报头背景 302

16.5.2　边栏背景 303

16.5.3　主列背景 304

16.5.4　页脚背景 304

16.5.5　页面背景 304

16.5.6　背景设置大功告成 305

16.6　文本处理 306

16.6.1 回到主体处理 306

16.6.2　标题 306

16.6.3　列文本 307

16.7　最后的冲刺 308

16.7.1　把logo作为主页链接 308

16.7.2　主导航栏 309

16.7.3　登录表单 310

16.7.4　页脚内容 311

16.8　结束 313

16.9　本书结束 314

附录 CSS参考 315

索引 329