CSS网站布局实录PDF电子书下载

第1章　Web标准与CSS布局概述 1

1.1　Web标准的历史及发展 2

1.1.1　什么是Web标准 2

1.1.2　Web表现层技术 2

1.1.3　Web标准的历史 3

1.2　Web标准的构成 4

1.2.1　结构（Structure） 5

1.2.2　表现（Presentation） 6

1.2.3　行为（Behavior） 6

1.3　Web标准有什么好处 6

1.4　CSS布局与table布局的区别 9

1.4.2　传统的table布局VS.CSS布局 10

1.4.1　CSS 2.0的优势 10

1.5　如何向标准过渡 13

1.5.1 从HTML转向XHTML 13

1.5.2　发挥CSS 2.0的作用 14

1.6　常见问题 16

1.6.1　什么样的网站才符合Web标准 16

1.6.2　使用Web标准之后表格还有用吗 17

1.6.3　可以继续使用HTML来设计网页吗 18

1.6.4　为什么不直接过渡到XML 18

1.6.5　学习CSS布局比表格难吗 18

1.6.6　CSS布局是不是意味着必须手写代码 18

1.6.9　有没有Web标准方面的优秀图书或网站 19

1.6.8　使用Web标准之后就不再存在兼容性问题了吗 19

1.6.7　什么叫网站重构？ 19

第2章　XHTML与CSS基础 20

2.1　XHTML基础 21

2.2　选择合适的doctype 23

2.3　选择合适的标签 25

2.4　给CSS留下接口 27

2.5 良好的XHTML编写习惯 28

2.6　CSS语法结构 29

2.6.1　CSS属性与选择符 29

2.6.2　类型选择符 30

2.6.3　群组选择符 30

2.6.5　id及class选择符 31

2.6.4　包含选择符 31

2.6.6　标签指定式选择符 32

2.6.7　组合选择符 33

2.6.8　伪类及伪对象 33

2.6.9　通配选择符 34

2.7　CSS数值单位 34

2.8　应用CSS到网页中 35

2.8.1　行间样式表 35

2.8.2　内部样式表 35

2.8.3　外部样式表 36

2.9　CSS开发环境与调试环境 37

第3章　CSS网页布局 39

3.1.2　如何使用div 40

3.1 认识div 40

3.1.1　div是什么 40

3.1.3　理解div 41

3.1.4　div的并列与嵌套结构 43

3.1.5　使用合适的对象来布局 43

3.2　一列固定宽度 44

3.3 一列自适应 45

3.4　二列固定宽度 48

3.5　二列宽度自适应 50

3.6　两列右列宽度自适应 51

3.7　二列固定宽度居中 53

3.8　三列浮动中间列宽度自适应 55

3.9　高度自适应 58

第4章　CSS网站元素设计 64

4.1　用CSS设计网站导航 65

4.1.1　横向导航 66

4.1.2　纵向导航 73

4.1.3　下拉及多级弹出式菜单 77

4.1.4　门户网站的导航设计（闪客帝国） 83

4.2　背景控制 86

4.2.1 背景色 87

4.2.2　背景图片 88

4.2.3　背景定位 90

4.2.4　背景滚动 91

4.2.5　背景属性缩写 92

4.2.6　基于背景控制的导航优化 93

4.3　列表元素使用 96

4.3.1　ul无序列表 97

4.3.2　ol有序列表 97

4.3.3 改变项目符号样式 98

4.3.4　使用图片自定义项目符号 99

4.3.5　使列表变为段落 100

4.3.6　列表缩进排版 103

4.3.7　复杂列表的排版 104

4.4　表单设计 108

4.4.1 改变输入框及文本域样式 109

4.4.2　改变下拉列表样式 114

4.4.3 改变按钮样式 115

4.4.4　表单布局设计 116

4.4.5　使用label标签提升表单可用性 122

4.4.6　表单设计的其他建议 123

4.5　字体及段落样式设计 123

4.5.1　应用字体样式 125

4.5.2　应用段落样式 130

4.6　图片样式设计 139

4.6.1　图片定位 141

4.6.2 图片剪切 143

4.6.3　图片替代文本 147

4.7.1　链接控制 149

4.7　链接样式的控制 149

4.7.2　CSS按钮 151

4.7.3　图片翻转链接 154

4.7.4　面包屑导航链接 156

第5章　CSS内容排版 159

5.1　文字排版 160

5.1.1　通栏排版 160

5.1.2　分栏排版 160

5.2　图文混合排版 161

5.2.1　图片基础控制 161

5.2.2　不规则文字环绕 166

5.3　全图排版 168

5.4.1　充分使用表格对象的标签 174

5.4　表格排版 174

5.4.2　表格样式控制 176

5.4.3　表单表格设计 181

第6章　CSS高级应用与技巧 182

6.1 id vs class 183

6.1.1　什么是id 183

6.1.2　什么情况下使用id 183

6.1.3　什么是class 184

6.1.4　什么情况下使用class 185

6.1.5　id使用与网站结构 186

6.2　div vs span 189

6.3　CSS选择符的命名 192

6.3.1　大小写敏感 193

6.3.2　合法字符及组合 193

6.3.3　命名建议 193

6.4　CSS文件结构的设计与优化 195

6.4.1 导入 195

6.4.2　结构 196

6.5　CSS缩写 199

6.5.1 font字体缩写 200

6.5.2　margin与padding边距缩写 200

6.5.3　border边框缩写 201

6.5.6　color颜色缩写 202

6.5.5　background背景缩写 202

6.5.4　list列表缩写 202

6.6　CSS代码优化 203

6.6.1 增加代码重用率 203

6.6.2　使用样式覆盖进行简化 205

6.7　园角样式设计 206

6.8　滑动门技术 211

6.9　小提示窗口 214

6.10　折叠标签 216

6.11　CSS数据图表 219

6.11.1　初级样式（进度条） 219

6.11.2　复合样式（滑动条） 222

6.11.3　柱状图 224

6.12　切换样式表（网站换肤） 228

6.13　XHTML与CSS校验 232

6.13.1　XHTML校验器 233

6.13.2　CSS校验器 234

6.14　Flash如何符合标准 235

第7章　浏览器兼容与解析问题 237

7.1　CSS hack技术 238

7.1.1　如何使用CSS hack 238

7.1.2　常用CSS hack使用方法 239

7.1.3　CSS hack管理 243

7.2　IE条件注释功能 244

7.3.1　盒尺寸 245

7.3　盒模型问题 245

7.3.2　盒模型hack 248

7.3.3　简单盒模型hack方法 249

7.4　IE捉迷藏 250

7.5　ul的不同表现 253

7.6　IE 3px问题 255

7.7　高度不适应 257

7.8　IE断头台问题 260

第8章　CSS可视化开发与调试 264

8.1　Dreamweaver 8的CSS可视化开发 265

8.1.1 对CSS支持的界面变化 265

8.1.2　可视CSS辅助功能 269

8.1.3　浏览器检查及验证标记 277

8.1.4　创建CSS布局页面 280

8.2　CSS代码调试 300

8.2.1 安装Firefox Web Developer 300

8.2.2　界面总览 302

8.2.3　主要功能 303

8.3　Web Accessibility Toolbar 313

8.3.1 安装 313

8.3.2　界面与功能总览 313

第9章　CSS布局应用实例解析 315

9.1　闪客帝国网站布局设计 316

9.1.1 界面设计 317

9.1.2　CSS文件结构设计 318

9.1.3　首页布局设计 319

9.2　Macromedia网站CSS分栏设计 326

附录A　Web标准语思录 331

A.1　Web上的中文排版 332

A.2　我来说点儿Ajax的事儿 336

A.3　Web标准的思考 339

A.4　闪客帝国网站重构访谈 346

附录B　相关资源及术语表 349

B.1　相关网站 350

B.2　相关书籍 353

B.3　相关工具 353

B.4　术语表 354