CSS精粹PDF电子书下载

第1章 CSS入门 1

1.1 用CSS定义样式 1

1.2 CSS选择器 4

1.3 小结 8

第2章 文本样式和基础知识 9

技巧1 如何用CSS替换〈font〉标签 9

技巧2 设置字体大小时，应该使用像素、点、字长还是其他单位 10

技巧3 如何使文字以特定字体显示 16

技巧4 如何去除链接中的下划线 17

技巧5 如何创建能在鼠标指针悬停时变色的链接 19

技巧6 如何使页面中的链接具有两种不同的样式 20

技巧7 如何对列表的第一个元素应用不同的样式 22

技巧8 如何为标题行添加背景色 23

技巧9 如何为标题行添加下划线 24

技巧10 如何去除h1元素与后续段落之间的大间隔 25

技巧11 如何强调页面中的文字 27

技巧12 如何修改文字的行高（及缩进） 28

技巧13 如何调整文字版面 29

技巧14 如何实现水平线样式 30

技巧15 如何实现文字缩进 31

技巧16 如何实现文字居中 32

技巧17 如何使文字全部变成大写 33

技巧18 如何改变或去除列表项前面的项目符号 34

技巧19 如何为列表项应用图片式的项目符号 36

技巧20 如何去除列表缩进的左边距 37

技巧21 如何使列表水平显示 38

技巧22 如何为CSS文件添加注释 39

技巧23 如何去除页边界而不为body标签添加属性 39

技巧24 如何去除浏览器中所有元素的默认填充和边距 40

小结 41

第3章 CSS和图像 42

技巧25 如何为图像添加边框 42

技巧26 如何用CSS代替HTML所反对的为图像定义的border属性 44

技巧27 如何用CSS为页面设置背景图像 44

技巧28 如何设置背景图像的位置 47

技巧29 当页面被滚动时，如何固定背景图像 49

技巧30 能否为任意元素设置背景图像 51

技巧31 如何将文字放在图像的上面 53

技巧32 如何为文档添加多个背景图像 55

技巧33 如何在页面中使用透明效果 56

小结 58

第4章 网站导航 59

技巧34 如何用CSS替代基于图片的导航 59

技巧35 如何通过设置结构化列表的样式使其变成导航菜单 64

技巧36 如何使用CSS实现可翻转的导航条，而无须使用图片和JavaScript 67

技巧37 使用CSS和列表能否创建多级导航系统 68

技巧38 使用CSS和列表如何创建水平显示的菜单 72

技巧39 如何使用CSS创建按钮风格的导航条 75

技巧40 使用CSS如何创建标签页式的导航条 77

技巧41 如何改变鼠标指针的类型 83

技巧42 如何只使用CSS而无须JavaScript来实现图像翻转效果 85

技巧43 如何创建纯CSS实现的下拉菜单 88

小结 93

第5章 表格式数据 94

技巧44 使用CSS如何实现电子表格式的页面布局 94

技巧45 如何让表格式数据既易于访问又吸引人 95

技巧46 不使用border属性如何为表格添加边框 98

技巧47 当使用CSS添加边框时如何去除表格单元格之间的空白 100

技巧48 如何使电子表格以漂亮、实用的方式显示 100

技巧49 如何使表格中的各个行以交替颜色风格显示 103

技巧50 如何修改当前选中表格行的背景色 106

技巧51 如何使表格中的各个列以交替颜色风格显示 108

技巧52 如何用CSS显示日历 112

小结 121

第6章 表单与用户界面 122

技巧53 如何使用CSS为表单元素设置样式 122

技巧54 如何为同一个表单中的元素应用不同的样式 126

技巧55 如何避免表单创建额外的空格和换行符 128

技巧56 如何使提交按钮看起来像普通文字 129

技巧57 如何确保文本设备的用户理解表单的作用 129

技巧58 如何使用CSS代替表格实现双列表单布局 132

技巧59 如何对相关的字段进行分组 136

技巧60 如何为快捷键提示信息设置样式 140

技巧61 在select菜单中，如何使用不同颜色来强调显示 142

技巧62 有一个类似于电子表格的表单，如何用CSS为其设置样式 143

技巧63 如何强调用户单击的表单字段 149

小结 150

第7章 跨浏览器支持技术 151

技巧64 应该在哪些浏览器上测试网站 151

技巧65 如果只有一种操作系统，如何测试更多的浏览器 152

技巧66 是否存在展示网站在不同浏览器中显示效果的服务 155

技巧67 在Windows中能够同时安装多个版本的IE吗 157

技巧68 如何让很旧的浏览器显示基本的样式表 158

技巧69 如何对特定浏览器隐藏某些CSS规则 161

技巧70 如何给特定浏览器提供不同的样式 165

技巧71 如何在IE 6中实现alpha透明 166

技巧72 什么是DOCTYPE切换，如何使用它 170

技巧73 我想我发现了CSS的一个缺陷，该如何做呢 173

技巧74 有些内容在IE 6中时隐时现怎么办 176

技巧75 W3C验证器显示的错误和警告信息是什么意思 180

小结 181

第8章 可用性和辅助装置 182

技巧76 如何在仅能显示文本信息的浏览器中测试 182

技巧77 如何用屏幕朗读器测试网站 184

技巧78 如何为诸如屏幕朗读器、WebTV之类的特定设置创建样式表 185

技巧79 如何创建打印样式表 187

技巧80 如何为网站添加备选的样式表 195

技巧81 如何实现样式表切换器 199

技巧82 如何实现备选样式表中没有重复代码 203

小结 207

第9章 CSS定位和布局 208

技巧83 如何确定何时使用class以及何时使用ID 208

技巧84 能否让内联元素像块级元素那样显示，反之亦然 209

技巧85 CSS中的边距和填充是如何工作的 211

技巧86 不使用HTML中的align属性如何实现文字信息环绕在图像周围 215

技巧87 在使用float时如何避免下一个元素上移 217

技巧88 若不使用表格，如何使网站的标识或口号实现左对齐或右对齐 220

技巧89 如何使用CSS设置项目在页面中的位置 224

技巧90 如何使块级元素在页面中居中显示 228

技巧91 如何创建一个菜单位于左端、内容显示在右边的，流式的两列布局 229

技巧92 能否反转该页面布局，将菜单放在右边 236

技巧93 如何创建宽度固定、居中的两列布局 237

技巧94 如何创建全高度的列 246

技巧95 如何在页面布局中添加一些阴影 248

技巧96 如何创建三列的CSS页面布局 251

技巧97 如何为流式布局添加页脚 256

技巧98 不使用表格如何显示缩略图库 259

技巧99 如何创建带圆角的矩形 264

小结 268