CSS精粹PDF电子书下载

第1章 CSS入门 1

1.1 HTML存在的问题 1

1.2 用CSS定义样式 2

1.3 CSS选择符 5

1.4 小结 8

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

技巧1 如何用CSS替换字体标记 9

技巧2 可否使用pixel、point、em或其他的单位设置字号 10

技巧3 如何指定文本以特定的字号显示 15

技巧4 如何删除链接的下划线 16

技巧5 如何创建当鼠标滑过时改变颜色的链接 17

技巧6 如何在页面上显示两种不同样式的链接 19

技巧7 如何为标题添加背景色 20

技巧8 如何定义带下划线的标题样式 21

技巧9 如何取消〈h1〉标记与其下段落之间的较大间隙 22

技巧10 如何不用字体标记就能突出显示页面中的文本 23

技巧11 如何改变文本中的行距 24

技巧12 如何水平对齐文本 25

技巧13 如何定义水平线的样式 26

技巧14 如何缩进文本 27

技巧15 如何使文本居中 28

技巧16 如何用CSS使文本全部变为大写 29

技巧17 如何改变或删除列表项的项目符号 30

技巧18 如何用图像作为列表项的项目符号 32

技巧19 如何在目录中取消缩进的左边距 32

技巧20 如何水平显示列表 33

技巧21 如何为CSS文件添加注释 34

技巧22 如何不在主体标记中添加属性就能取消页边距 35

小结 35

第3章 CSS和图像 36

技巧23 如何为图像加边框 36

技巧24 如何用CSS替换图像上不支持的HTML边框属性 38

技巧25 如何用CSS为网页设置背景图像 38

技巧26 如何定位背景图像 40

技巧27 在文本随着网页的滚动而移动的时候，如何使背景图像保持不动 42

技巧28 如何为其他元素设计背景图像 43

技巧29 如何将文本放置在一幅图像的上面 46

技巧30 如何向文档里添加一幅以上的背景图像 47

小结 48

第4章 导航 49

技巧31 如何用CSS替换图像导航 49

技巧32 如何像设置导航菜单一样设置结构列表的样式 54

技巧33 如何在不使用图像和JavaScript的情况下用CSS创建翻转导航效果 57

技巧34 能否用CSS和目录创建包含子导航的导航系统 58

技巧35 如何用CSS和列表创建水平菜单 62

技巧36 如何用CSS创建按钮式的导航 65

技巧37 如何用CSS创建标签导航 67

技巧38 如何改变光标样式 73

技巧39 如何在CSS中不使用JavaScript创建翻转效果 75

小结 78

第5章 列表数据 79

技巧40 如何用CSS布局电子数据表中的数据 80

技巧41 如何保证自己的列表数据既可用又吸引人 81

技巧42 不用HTML border属性如何为表格添加边框 83

技巧43 在已经用CSS添加了边框的情况下，如何阻止表格的各个单元间出现空白 85

技巧44 如何用一种吸引人的而且可用的方法来显示电子数据表数据 86

技巧45 如何用交替的颜色显示表格行 89

技巧46 如何在鼠标移动到某一表格行的上面时改变其背景颜色 92

技巧47 如何用CSS显示日历 94

小结 104

第6章 表单和用户界面 105

技巧48 如何使用CSS设计表单上的元素 106

技巧49 如何对一个表单中不同的域应用不同的样式 109

技巧50 如何避免表单上出现多余的空白和裂痕 111

技巧51 如何使提交按钮看起来像文本 112

技巧52 当用户使用的设备只能浏览文本时，如何确保这些用户能够理解完成表单的步骤 112

技巧53 如何用CSS代替表格设计一个含有两列的表单 115

技巧54 如何将有关系的域组成一组 119

技巧55 如何设计快捷键的提示字母 123

技巧56 如何在选择菜单中使用不同的颜色来强调各菜单项 125

技巧57 用户往表单上输入数据时就像往电子表格中输入一样，用CSS如何设计这个样式 126

技巧58 当用户点击时如何突出表单域 132

小结 133

第7章 浏览器和设备支持 134

技巧59 应该在哪些浏览器中测试网站 135

技巧60 当只有一个操作系统可以使用时，如何在很多浏览器上测试 136

技巧61 是否有一种服务能够帮助用户在各种浏览器中查看网站的运行情况 138

技巧62 能否在Windows系统中安装多个版本的IE浏览器 139

技巧63 如何在纯文本浏览器中测试网站 141

技巧64 如何在屏幕阅读器中测试网站 142

技巧65 如何在Netscape 4中隐藏CSS 143

技巧66 如何在Netscape 4中显示各种不同的样式 144

技巧67 如何只在第4版浏览器中增加一个消息，以解释为什么网站看起来很普通 148

技巧68 在其他浏览器中如何隐藏CSS 150

技巧69 为什么网站在IE 6和在Mozilla中的显示效果不一样 154

技巧70 发现了一个CSS问题，怎么办 157

技巧71 在IE 6中一些内容有时出现有时消失，该怎么办 159

技巧72 在W3C Validator中的错误和警告信息是什么意思 163

技巧73 如何给一些特殊的设备（如屏幕阅读器或网络电视）创建样式表 164

技巧74 如何创建打印样式表 166

技巧75 一些浏览器允许用户选择样式表，如何向网站添加可选择的样式表 173

技巧76 如何制作样式表转换器 176

技巧77 如果不复制代码如何使用可选择样式表 179

小结 183

第8章 CSS定位和布局 184

技巧78 如何决定什么时候使用class，什么时候使用ID 184

技巧79 能否将一个内联元素显示成一个块级元素，反之是否可行 185

技巧80 在CSS中，边界和补白如何设置 187

技巧81 如何不使用HTML对齐属性使文本环绕在图片周围 190

技巧82 当设置浮动属性时如何防止下一元素上移 192

技巧83 不使用表格如何左右对齐logo和副标题 196

技巧84 如何使用CSS在页面上对一个对象定位 199

技巧85 如何使块在页面上居中 203

技巧86 如何创建一个动态的、菜单在左边而内容在右边的双栏布局 205

技巧87 能否反转布局将菜单显示在右侧 211

技巧88 如何创建一个固定宽度、居中且有两栏的布局 212

技巧89 如何创建一个三栏的CSS布局 222

技巧90 如何用CSS添加正常显示的页脚 233

技巧91 如果不使用表格如何显示缩略图库 239

小结 243

第9章 实验、浏览器专用CSS和未来技术 244

技巧92 如何建立彩色滚动条 244

技巧93 如何创建一个菜单，当网页在下面滚动时它保持不动 246

技巧94 如何让固定的菜单在IE里工作 250

技巧95 能否用CSS创建保持在原位固定不动的网页脚注，使之看起来如同框架一样 254

技巧96 能否创建纯CSS的下拉菜单 260

技巧97 能否在CSS边框上创造出圆角 266

技巧98 如何在所有的浏览器里用CSS制作出圆角 268

技巧99 如何让元素在基于Mozilla的浏览器和IE里都是半透明的 273

技巧100 如何用CSS向访问者指明哪些是外部链接 276

技巧101 能否用CSS把文本嵌入文档里 278

技巧102 如何设定模块的第一行或者第一个字母的样式 279

技巧103 使用在某些浏览器中不能工作的效果是否是一件坏事 283

小结 283