HTML+CSS网页布局开发指南PDF电子书下载

第一篇 初识CSS 1

第1章 Web设计基础 1

1.1因特网和万维网 1

1.1.1何为因特网 1

1.1.2何为万维网 1

1.2Web设计技术 2

1.2.1HTML 2

1.2.2XML 2

1.2.3XHTML 3

1.2.4CSS 3

1.2.5DOM与ECMAScript 3

1.3Web标准概述 3

1.3.1什么是Web标准 3

1.3.2使用语义化的（X）HTML 4

1.3.3Web文档的三层结构 4

1.3.4Web标准的优势 4

1.4浏览器的故事 5

1.4.1Netscape Navigator 6

1.4.2Microsoft Internet Explorer 6

1.4.3Mozilla Firefox 7

1.4.4Opera 8

1.4.5Safari 9

1.4.6其他浏览器 9

1.5Web技术的未来 10

1.5.1Microsoft Silverlight 10

1.5.2Adobe Flex 10

1.6小结 11

第2章 HTML和XHTML基础 12

2.1页面设计初探 12

2.1.1编写第一个Web页面 12

2.1.2first.html中都有些什么 13

2.2标记、元素和属性 14

2.2.1标记、内容和元素 14

2.2.2元素类型 15

2.2.3属性 16

2.3注释、空白和特殊字符 18

2.3.1注释 18

2.3.2空白的处理 18

2.3.3特殊字符 20

2.4（X）HTML文档结构 21

2.4.1文档类型声明 21

2.4.2文档元素 22

2.4.3文档头 23

2.4.4文档体 24

2.4.5文档树 28

2.5编写符合标准的（X）HTML 29

2.5.1使用语义化标记 29

2.5.2避免使用具有表现功能的元素和属性 30

2.6小结 30

第3章 CSS的基本概念 32

3.1什么是CSS 32

3.1.1何为样式 32

3.1.2何为层叠 33

3.2CSS的作用 33

3.2.1排版与风格设计 33

3.2.2简化的Web开发 36

3.3CSS的起源及发展 37

3.4应用到Web页面 38

3.4.1内联样式 39

3.4.2嵌入样式 39

3.4.3外部样式 40

3.5管理CSS 41

3.6编写第一个CSS样式 41

3.6.1增加样式 41

3.6.2本书约定 42

3.7CSS规则详解 43

3.8注释和风格 44

3.8.1代码注释 44

3.8.2代码风格 46

3.9工具的重要性 47

3.9.1开发工具 47

3.9.2辅助工具 51

3.10小结 56

第二篇 CSS核心原理 57

第4章 选择符 57

4.1选择符的模式和语法 57

4.1.1模式 57

4.1.2语法 57

4.2基本选择符 58

4.2.1通用选择符 58

4.2.2类型选择符 58

4.3组选择 59

4.4id和class选择符 59

4.4.1id选择符 60

4.4.2class选择符 61

4.4.3多重class 62

4.4.4用id还是class 65

4.4.5class和id属性的命名规则 65

4.5伪元素和伪类 67

4.5.1：first-line和：first-letter伪元素 67

4.5.2：before和：after伪元素 69

4.5.3：first-child伪类 70

4.5.4有关链接的伪类 70

4.5.5有关用户动态行为的伪类 71

4.5.6:lang伪类 71

4.6与元素关系相关的选择符 71

4.6.1后代选择符 71

4.6.2子选择符 72

4.6.3邻接兄弟选择符 73

4.7属性选择符 75

4.7.1属性选择符的匹配方式 75

4.7.2属性选择符示例 75

4.8小结 77

第5章 CSS中的度量 78

5.1值的类型 78

5.1.1整数和实数 78

5.1.2长度 78

5.1.3百分数 79

5.1.4URL或URI 79

5.1.5颜色 79

5.1.6字符串 81

5.2单位 81

5.2.1表示绝对长度的单位 82

5.2.2表示相对长度的单位 82

5.3小结 85

第6章 层叠和继承 86

6.1继承 86

6.1.1什么是继承 86

6.1.2利用继承 87

6.1.3所有的规则都能继承吗 88

6.1.4inherit指定继承 90

6.2 @import规则 91

6.2.1 @import规则的用途 91

6.2.2 @import规则的使用 92

6.3层叠的含义 92

6.3.1确定度 93

6.3.2!important声明 94

6.3.3层叠顺序 95

6.4小结 96

第7章 盒模型 98

7.1盒模型概述 98

7.2边框 99

7.2.1边框样式风格 99

7.2.2边框颜色和粗细程度 100

7.2.3边框样式缩写形式 101

7.3填充和边距 103

7.3.1填充 103

7.3.2边距 105

7.4宽度和高度 106

7.4.1width和height 106

7.4.2最大值和最小值 110

7.5盒模型相关内容及高级主题 112

7.5.1盒模型的维度 112

7.5.2盒模型与背景 113

7.5.3边距重叠问题 114

7.5.4边距实现对齐功能 115

7.6overflow属性 115

7.7元素类型和display属性 117

7.7.1block和inline 117

7.7.2inline-block 118

7.7.3run-in 119

7.8小结 119

第8章 解决浏览器兼容性问题 120

8.1条件注释 120

8.1.1条件注释的基本结构 120

8.1.2条件注释举例 121

8.2CSS Hacks 123

8.2.1利用选择符 123

8.2.2利用!important声明 124

8.2.3利用@import规则 124

8.3正确使用Hacks技术 125

8.3.1避免乱用Hacks 125

8.3.2良好的习惯 125

8.4小结 126

第三篇 CSS样式设计 127

第9章 文字处理 127

9.1字体族和字号 127

9.1.1C1earType技术 127

9.1.2字体族 130

9.1.3文字度量 135

9.1.4字体大小 136

9.1.5颜色 139

9.2基本文字样式 139

9.2.1斜体和粗体 139

9.2.2大小写 140

9.2.3文字装饰 141

9.2.4font属性 142

9.3段落文字样式 144

9.3.1字词间距 144

9.3.2行高 145

9.3.3缩进 148

9.3.4对齐方式 149

9.3.5强制换行 151

9.3.6其他相关属性 152

9.4文字样式实战 156

9.5小结 158

第10章 链接处理 159

10.1认识链接 159

10.1.1锚元素 159

10.1.2链接状态 159

10.1.3默认效果 160

10.2添加链接样式 160

10.2.1LVHA，爱和恨 160

10.2.2下划线 161

10.3链接实战 163

10.3.1简单方式 163

10.3.2图像方式 164

10.4小结 169

第11章 图像和背景 171

11.1图像格式 171

11.1.1GIF 171

11.1.2JPEG 172

11.1.3PNG 173

11.2给图像添加样式 173

11.2.1img元素 174

11.2.2盒模型相关样式 174

11.2.3图文混排 175

11.3背景和图像 183

11.3.1设置背景图像 183

11.3.2平铺背景图像 185

11.3.3背景图像位置 188

11.3.4background属性 193

11.4图像实战 194

11.4.1网络相册 194

11.4.2圆角设计 199

11.4.3图像替换 202

11.5小结 205

第12章 列表 206

12.1列表元素 206

12.2列表相关样式 209

12.2.1列表样式类型 209

12.2.2列表样式图像 211

12.2.3列表样式位置 212

12.2.4list-style属性 213

12.3其他相关样式 213

12.3.1边框、填充和边距 213

12.3.2更改布局方式 215

12.4列表实战 215

12.4.1新闻列表 215

12.4.2导航菜单 219

12.5小结 223

第13章 表格 224

13.1使用表格 224

13.1.1表格用途 224

13.1.2表格元素 224

13.2边框样式 227

13.2.1border属性 227

13.2.2border-spacing属性 229

13.2.3边框模式 229

13.3与表格相关的样式 231

13.3.1caption-side属性 231

13.3.2添加填充 232

13.4表格大小 232

13.4.1表格宽度计算方式 233

13.4.2高度 237

13.5对齐 238

13.6表格实战 240

13.6.1斑马线效果 240

13.6.2日历 242

13.7小结 247

第14章 表单 248

14.1表单概述 248

14.1.1表单元素 249

14.1.2表单元素的显示 250

14.2添加样式 252

14.2.1盒模型相关属性 253

14.2.2文字相关属性 254

14.2.3背景和图片 255

14.2.4表单元素的布局 257

14.3表单实战 259

14.4小结 266

第四篇 CSS布局技术 266

第15章 浮动与定位 266

15.1float属性 266

15.1.1（X）HTML文档流 266

15.1.2float属性的作用 268

15.2clear属性 271

15.3使用float属性布局页面 274

15.4IE的浮动问题 276

15.4.1边距加倍问题 276

15.4.23px间隔问题 277

15.4.3捉迷藏问题 279

15.4.4断头台问题 280

15.5position属性与定位 282

15.5.1静态定位和相对定位 282

15.5.2绝对定位 284

15.5.3固定定位 289

15.6利用定位实现布局 290

15.7控制元素的深度 292

15.8元素的可见性 294

15.9小结 296

第16章 常见的页面布局方式 297

16.1布局类型概述 297

16.2float还是position 299

16.2.1float布局 299

16.2.2position布局 299

16.3布局实战 300

16.3.1二分栏固定式布局 300

16.3.2三分栏流动式布局 305

16.3.3弹性布局 316

16.4小结 318

第五篇 CSS高级主题 319

第17章 CSS高级应用 319

17.1CSS在XML中的应用 320

17.1.1XML概述 320

17.1.2使用CSS 321

17.1.3为XML文档添加样式 322

17.1.4CSS布局 327

17.2用于打印的CSS 331

17.2.1为打印媒介指定CSS 331

17.2.2分页处理 334

17.3用户界面元素 335

17.3.1鼠标指针 335

17.3.2系统颜色 340

17.3.3轮廓线 342

17.4滤镜与转场 343

17.4.1程序生成面 343

17.4.2静态滤镜 345

17.4.3转场 348

17.5behavior属性与CSS表达式 350

17.5.1behavior属性 350

17.5.2CSS表达式 351

17.6微软对CSS的扩展 351

17.6.1控制滚动条外观 351

17.6.2缩放功能 352

17.7Mozilla扩展 354

17.7.1at规则 354

17.7.2伪类和伪元素 354

17.7.3属性 356

17.7.4属性值 358

17.8小结 361

第六篇 CSS实战 363

第18章 MyBlog实例 363

18.1实例说明 363

18.2从布局开始 364

18.2.1结构分析 364

18.2.2准备XHTML代码 365

18.3准备样式表 365

18.4添加标题和导航 366

18.4.1准备XHTML代码 366

18.4.2标题样式 367

18.4.3导航设计 368

18.5左栏内容设计 370

18.5.1处理#middle 370

18.5.2处理左栏 370

18.5.3添加样式 371

18.6文章显示 374

18.6.1处理#content 374

18.6.2准备代码 374

18.6.3添加样式 375

18.7留言表单 379

18.7.1XHTML代码 379

18.7.2添加样式 379

18.8底脚处理 381

18.9完整代码 381

18.9.1XHTML文档代码 381

18.9.2样式表文档代码 384

18.10小结 390

参考文献 391