【作者】 温谦 孙领弟 李洪发

【ISBN】 978-7-115-37803-3

【日期】 2015-02

全书遵循Web 标準，强调网页中“表现”与“内容”分离的思想，从规範的角度全面、系统地介绍了CSS网页设计的方法与技巧。书中给出了大量的案例，并对案例做了细緻的分析，便于学生理解所学知识，加强实操训练，提高实践能力。

第 1 部分 CSS 核心原理

第 1 章 (X)HTML 与CSS 概述 ........... 2

1.1 网页的基础概念 ........................................ 2

1.2 Web 标準 .................................................... 3

1.2.1 标準的重要性 ..................................... 3

1.2.2 “Web 标準”概述 .............................. 4

1.3 HTML 与XHTML ..................................... 5

1.3.1 追根溯源 ............................................. 5

1.3.2 文档类型的含义与选择 ..................... 6

1.3.3 XHTML 与HTML 的重要区别 ........ 7

1.4 (X) HTML 与CSS ..................................... 8

1.4.1 CSS 标準 ............................................. 8

1.4.2 传统HTML 的缺点 ........................... 9

1.4.3 CSS 的引入 ....................................... 10

1.4.4 如何编辑CSS ................................... 11

1.4.5 浏览器与CSS ................................... 12

小 结 ........................................................... 13

习 题 ........................................................... 13

第 2 章 CSS 选择器与相关特性 ....... 14

2.1 构造CSS 规则 ......................................... 14

2.2 基本CSS 选择器 ..................................... 15

2.2.1 标记选择器 ....................................... 15

2.2.2 类别选择器 ....................................... 16

2.2.3 ID 选择器 ......................................... 18

2.2.4 属性选择器 ....................................... 19

2.2.5 结构伪类选择器 ............................... 21

2.2.6 UI 伪类选择器 .................................. 23

2.3 在HTML 中使用CSS 的方法 ................ 26

2.3.1 行内式 ............................................... 26

2.3.2 内嵌式 ............................................... 27

2.3.3 连结式 ............................................... 27

2.3.4 导入式 ............................................... 28

2.4 複合选择器 .............................................. 30

2.4.1 交集选择器 ....................................... 30

2.4.2 并集选择器 ....................................... 31

2.4.3 后代选择器 ....................................... 32

2.5 CSS 的继承特性 ...................................... 34

2.5.1 继承关係 ........................................... 34

2.5.2 CSS 继承的运用 ............................... 36

2.6 CSS 的层叠特性 ...................................... 37

小 结 ........................................................... 39

习 题 ........................................................... 39

第3 章 CSS 设计实践 ........................... 40

3.1 手工方式编写页面 .................................. 40

3.1.1 构建页面框架 ................................... 40

3.1.2 设定标题 ........................................... 41

3.1.3 控制图片 ........................................... 42

3.1.4 设定正文 ........................................... 43

3.1.5 设定整体页面 ................................... 43

3.1.6 对段落进行分别设定 ....................... 43

3.1.7 完整代码 ........................................... 44

3.1.8 CSS 的注释 ....................................... 45

3.2 使用Dreamweaver 进行CSS 设定 ......... 45

3.2.1 创建页面 ........................................... 45

3.2.2 新建CSS 规则 .................................. 46

3.2.3 编辑CSS 规则 .................................. 49

3.2.4 为图像创建CSS 规则 ...................... 50

小 结 ........................................................... 52

习 题 ........................................................... 52

第4 章 CSS 盒子模型 ........................... 53

4.1 “盒子”与“模型”的概念探究 ........... 53

4.2 长 度 单 位 ............................................ 54

4.3 边 框 .................................................. 55

4.3.1 设定框线样式 ................................... 56

4.3.2 属性值的简写形式 ........................... 57

4.3.3 框线与背景 ....................................... 59

4.4 设定内边距 .............................................. 60

4.5 设定外边距 .............................................. 61

4.6 盒子之间的关係 ...................................... 62

4.6.1 HTML 与DOM ................................ 62

4.6.2 标準文档流 ....................................... 65

4.6.3

标记与标记 ................. 67

4.7 盒子在标準流中的定位原则 .................. 68

4.7.1 行内元素之间的水平margin........... 68