CSS完全实例教程PDF电子书下载

目录 1

第1章　CSS技术的概述 1

1.1　CSS样式表单概述 1

1.2　CSS的技术优势 2

1.2.1　方便地修改网页格式 2

1.2.2　减小网页的体积 4

1.2.3　轻松增加网页的特殊效果 6

1.2.4　使网页元素更准确地定位 7

1.2.5 良好的适应性 8

1.3　CSS样式表的功能 9

1.3.1　灵活定制网页元素风格 9

1.3.2　迅速地更新网站风格 10

1.3.3　组合不同风格的网页 11

1.5　关于浏览器对CSS的支持 12

1.4　CSS样式表单的编辑器 12

小结 13

第2章　CSS的基本语法 15

2.1　CSS的基本语句 15

2.2　HTMI对CSS的引用方式 16

2.3　在CSS中定义属性 17

2.4　在CSS中定义类 19

2.5　在CSS中定义ID 21

2.6　CSS中的继承 23

2.7　伪类和伪元素 27

小结 29

第3章　在网页中加入样式 30

3.1　将CSS加到网页的方法 30

3.1.1　链接外部CSS样式表 30

3.1.2　植入CSS样式表 34

3.1.3　导入CSS样式表 35

3.1.4　在行内加入样式 36

3.1.5　用脚本来引用CSS样式 37

3.2　多种方法的混合使用 39

3.3　SPAN和DIV 42

小结 44

第4章　用CSS控制网页的文字和段落 45

4.1　CSS中使用的长度值 45

4.1.1　使用单位长度值 45

4.1.2　使用百分比值 46

4.2　用CSS定义字体 46

4.2.1 字体匹配 47

4.2.2　用font-family定义字体族科 51

4.2.3　用font-style定义字体风格 54

4.2.4　用font-variant定义字体变体 56

4.2.5　用font-weight定义字体加粗 57

4.2.6　用font-size定义字体大小 59

4.2.7　用font设置字体的属性 61

4.3　用CSS控制文本 62

4.3.1　用text-align水平排列文本 63

4.3.2　用text-indent增加文本缩进 64

4.3.3　用letter-spacing调整文本间隔 67

4.3.4　用vertical-align控制文本纵向排列 67

4.3.5　用line-height调节文本行距 69

4.3.6　用text-transform进行文本转换 71

4.3.7　用text-decoration进行文本修饰 72

小结 74

第5章　控制颜色和背景 75

5.1 网页中的颜色表示系统 75

5.1.1　用关键字定义 75

5.1.2　RGB颜色定义 76

5.1.3　用十六进制数组定义颜色 77

5.1.5　运用颜色的一个实例 78

5.1.4　网络安全色 78

5.2　定义网页中的颜色 79

5.2.1　color属性 80

5.2.2　背景颜色属性 80

5.2.3　关于颜色应用的一个实例 80

5.3　加入背景图片 81

5.3.1　background-image属性 81

5.3.2 background-repeat属性 84

5.3.3 background-attachment属性 87

5.3.4 background-position属性 89

5.3.5　灵活应用background属性 91

小结 92

第6章 对网页元素的格式化 93

6.1 网页元素格式的基础——容器 93

6.2.1　边界的设置 94

6.2　边界属性 94

6.2.2　边界的简捷设置法 98

6.3　边框属性 98

6.3.1　为边框设定宽度 98

6.3.2　为边框加上颜色 101

6.3.3　为边框设定样式 102

6.3.4　活用边框属性 104

6.4　填充距属性 104

6.5　宽度和高度属性 106

6.6　图文并排的属性 107

6.6.1　文字环绕属性 108

6.6.2　清除环绕属性 109

6.7　鼠标的显示属性 110

6.8　超级链接的属性 112

小结 114

7.1.1 absolute（绝对定位） 115

第7章　CSS定位网页元素 115

7.1　position属性 115

7.1.2 relative（相对定位） 118

7.1.3 static（静态定位） 119

7.2 left和top属性 121

7.3 width和height属性 123

7.4 clip属性 126

7.5 visibility属性 128

7.6 float和clear属性 132

7.7 overflow属性 138

7.8 Z-index属性 141

7.9 CSS定位的综合运用 145

7.9.1 文本的定位 145

7.9.2 图文混排 147

小结 150

8.1.1 display属性 151

第8章 用CSS建立项目列表 151

8.1 CSS中的分级属性 151

8.1.2 white-space属性 153

8.1.3 list-style-type属性 154

8.1.4 list-style-image属性 156

8.1.5 list-style-position属性 157

8.1.6 list-style属性 158

小结 160

第9章 使用CSS滤镜效果 161

9.1 CSS滤镜技术简介 161

9.2 CSS滤镜的语法和引用 162

9.3　常用滤镜属性 163

9.3.1 Alpha滤镜 163

9.3.2 Blur滤镜 166

9.3.3 Chroma滤镜 168

9.3.4 DropShadow滤镜 170

9.3.5 FlipH滤镜和FlipV滤镜 172

9.3.6 Glow滤镜 173

9.3.7 Invet滤镜 175

9.3.8 Gray滤镜 176

9.3.9 Mask滤镜 176

9.3.10 Shadow滤镜 177

9.3.11 Wave滤镜 179

9.3.12 Xray滤镜 180

9.3.13 Light滤镜 181

9.4　动态过渡滤镜 184

9.4.1　混合过渡滤镜 185

9.4.2　转换过渡滤镜 186

9.5.1　为图片加上多变的注释 188

9.5　滤镜的综合应用实例 188

9.5.2　实现动态的滤镜效果 189

小结 191

第10章 了解CSS的延伸功能 192

10.1 CSS对网页打印的支持 192

10.1.1　为什么要用CSS控制网页打印 192

10.1.2　CSS样式表如何控制网页打印 194

10.1.3　＠page规则 194

10.1.4　CSS中的打印属性 195

10.2　CSS对网页上声音的支持 200

10.2.1　为什么要使样式表支持声音 200

10.2.2　声音样式表（ACSS）的特征 201

10.2.3　声音样式表（ACSS）的属性 202

小结 206

第11章 CSS2中的新特征 208

11.1 CSS2中的新特征概述 208

11.2 对媒体的广泛支持 209

11.2.2 媒体的类型 210

11.2.1 ＠media规则 210

11.2.3　特殊媒体的导入 211

11.3 目录和分类 211

11.3.1　新特征概述 211

11.3.2　content（目录）属性 212

11.3.3　quotes（引用）属性 214

11.3.4　counter和counters（计数器）属性 215

11.3.5 nested counters（嵌套计数器） 216

11.3.6 counter-reset（重置计数器）属性 217

11.3.7 counter-increment（增量计数器）属性 218

11.4 CSS2中新增的选择器 218

11.4.1　选择器的概述 218

11.4.2 Dynamic Pseudo Class（动态伪类）选择器 220

11.4.4 Child（子元素）选择器 221

11.4.3 Language Pseudo Class（语言伪类）选择器 221

11.4.5 Attribute（属性）选择器 222

11.4.6 First Child（首子元素）选择器 223

11.4.7 Adjacent（邻近）选择器 224

11.4.8 Row and column（行列）选择器 225

11.5 CSS2中的新属性 225

11.5.1 CSS2中增加的新属性 225

11.5.2　有关字体的新属性 226

11.5.3　新的用户界面属性 228

11.6　CSS2中新增的颜色关键字 229

小结 231

第12章 CSS的综合实例 232

12.1 在同一页面中使用不同风格的超链接 232

12.2　为网页控件定制样式 234

12.3　动态改变文字样式 236

12.4　做一个动态的按钮 237

12.5　可以自由控制显示位置的蝴蝶 239

12.6　“无中生有”的CSS按钮 240

12.7　用DIV实现动态菜单 243

12.8　浮动的导航栏 246

12.9　四处碰壁的小球 249

12.10　霓虹灯效果的文字 253

12.11　一组深入浅出的超链接 256

小结 260

第13章　用FontPage2000处理样式表 261

13.1 FrontPage2000简介 261

13.2　用FrontPage2000植入样式表 262

13.2.1　创建植入式样式表 262

13.2.2　使用植入式样式表 265

13.3.1　创建一个外部样式表 267

13.3　用Frontpage2000引入样式表 267

13.2.3　修改植入式样式表 267

13.3.2　引用一个外部样式表 272

13.3.3　修改引入的样式表 273

13.4　用Frontpage2000管理CLASS 275

13.4.1 创建CLASS 275

13.4.2　使用自定义的CLASS 276

13.5　用Frontpage2000管理ID 277

小结 279

第14章　在Dreamweaver3.0中使用CSS 280

14.1　Dreamweaver3.0简介 280

14.2　熟悉样式管理环境 282

14.2.1　Edit CSS Styles（编辑样式）面板 282

14.2.2　CSS Styles（样式）面板 284

14.2.3 Style Definition（样式定义）面板 285

14.3.1　生成自定义样式（类） 298

14.3　创建新的CSS样式表 298

14.3.2　重新定义HTML标记 299

14.3.3　使用CSS选择器 300

14.4　链接外部样式表文件 301

14.5　将CSS样式应用到网页上 303

14.6　在Dreamweaver3.0中灵活使用样式 305

14.6.1　把背景图固定起来 305

14.6.2　制作CSS阴影字效果 307

小结 310

第15章 蓬勃发展的DHTML技术 311

15.1　什么是DHTML 311

15.2　DHTML涉及的技术 313

15.2.1　文档对象模型 313

15.2.2　脚本编写语言 318

15.3　可扩展标记语言 326

小结 328

第16章　CSS的学习资源 329

16.1　CSS的学习资料 329

16.1.1　有关CSS的专著 329

16.1.2　CSS的网上学习资料 331

16.2　支持CSS的浏览器 333

16.3　CSS的创作工具 334

16.3.1　CSS创作工具举例 334

16.3.2　如何使用CSS的创作工具 336

16.4　与CSS有关的其他软件 344

16.5　CSS的规格说明 345

小结 345

附录1 CSS常用属性速查 346

附录2　HTML标记速查表 356

附录3 CSS脚本编写属性一览 360

附录4 JavaScript元素速查表 363