CSS实战精粹

内容概要

Jeff Croft，网页和图形设计师，致力于基于网络标准的开发。目前居住并就职于堪萨斯州的劳伦斯。作为一名world Online的高级设计师，Jeff工作于多家极负盛名的标准化网站，如：http：//lawrence.corn和http：//LJWorld.com他还拥有非常受欢迎的私人博客和个人站点：http：//j

书籍目录

作者简介技术评论员简介致谢导言第1章 CSS的目标  1.1 使用CSS制作样式的优势  1.2 语义化（x）HTML：有意义的标记    1.2.1 什么是语义化标记    1.2.2 编写语义化标记在现实中对你有什么帮助    1.2.3 创建富含语义的（x）HTML标记    1.2.4 避免使用非结构性标签    1.2.5 避免“Divitis”和“Classitis”  1.3 选择你的标记语言和DOCTYPE    1.3.1 HTML对XHTML：决定的重要性    1.3.2 DOCTYPE：最被低估的标签  1.4 现代Web文档的三层结构    1.5 总结第2章 样式表语言  2.1 为文档增添样式    2.1.1 标签    2.1.2 使用多个样式表    2.1.3 style元素  2.2 创建样式表  2.3 声明  2.4 选择符    2.4.1 元素选择符    2.4.2 类选择符    2.4.3 ID选择符　2.5 （X）HTML的家族树  　2.5.1 后代选择符　  2.5.2 子元素选择符  　2.5.3 相邻选择符　2.6 特性选择符  　2.6.1 存在的特性  　2.6.2 具体属性值　  2.6.3 部分属性值　  2.6.4 特定属性选择符　2.7 伪类和伪元素    2.7.1 伪类    2.7.2 伪元素　2.8 选择符的串联　2.9 选择符分组　2.10 总结第3章 优先级和级联  3.1 选择符    3.1.1 选择符：简单和组合    3.1.2 通配选择符：“*”    3.1.3 元素选择符    3.1.4 后代选择符、子元素选择符和相邻选择符    3.1.5 伪类选择符    3.1.6 链接和动态伪类：让人又爱又恨    3.1.7 伪元素  3.2 级联：计算优先级    3.2.1 CSS 2.1规范对级联的描述    3.2.2 翻译规范    3.2.3 保持评分    3.2.4 几个实例    3.2.5 理解评分机制    3.2.6 级联、行内样式和!important对评分的影响    3.2.7 实例  3.3 总结第4章 浏览器  4.1 历史回顾  4.2 标准的迁移  4.3 当前（桌面）浏览器概况    4.3.1 Firefox    4.3.2 Safari    4.3.3 Opera    4.3.4 Intemet Explorer    4.3.5 其他浏览器  4.4 如何应对旧的桌面浏览器    4.4.1 浏览器分级支持    4.4.2 如何选择开发浏览器  4.5 移动网络的浏览器  4.6 总结第5章 CSS文件管理  5.1 样式储存    5.1.1 CSS文件路径    5.1.2 将多个文件当成一个样式表  5.2 类和id名称的惯例  5.3 格式化CSS定义    5.3.1 所有属性一行VS.每行一种属性    5.3.2 特点排序    5.3.3 用缩略来省时间  5.4 用注释为CSS规则标记和分组    5.4.1 CSS注释语法    5.4.2 代码标记    5.4.3 为元数据注释    5.4.4 “代码术语”的注释    5.4.5 分组注释  5.5 为CSS规则排序    5.5.1 从一般到特殊    5.5.2 根据规则出现的顺序    5.5.3 根据网站的页面或分区  5.6 创建一个可重复使用的框架  5.7 大量重设  5.8 总结第6章 Hacks和Workarounds  6.1 使用“标准优先”的方法    6.1.1 IE／Win是你最后的选择，然后像外科医生一样hack    6.1.2 慢着，你忘了一些浏览器  6.2 是否hack    6.2.1 什么时候该用hack    6.2.2 没必要太生动  6.3 让hack保持独立及注释    6.3.1 IE条件性注释    6.3.2 一定要让hack保持独立    6.3.3 你可能根本就不需要hack    6.3.4 这些代码的作用是什么  6.4 一些好的hack（和变通方法）    6.4.1 请容许我为你介绍    6.4.2 滤器：一种复杂又高级的hack    6.4.3 你应该了解的IE 7的“进步”  6.5 hack一个真实的布局    6.5.1 布局    6.5.2 hack  6.6 不需要hack的例子    6.6.1 设计    6.6.2 标记    6.6.3 样式表    6.6.4 为IE 6做一定的调整  6.7 总结第7章 GSS布局  7.1 永无休止的争论：什么是最完美的页面宽度    7.1.1 固定宽度布局    7.1.2 流式布局    7.1.3 弹性布局    7.1.4 分辨率依赖性布局    7.1.5 两栏或三栏  7.2 轻触开关改变布局    7.2.1 切换到醒目页面    7.2.2 切换到入口页面部分  7.3 Faux栏：使用背景图片创建栏    7.3.1 解决方法：Faux栏    7.3.2 可变文本+固定背景宽度=麻烦    7.3.3 固定宽度布局：随着字体大小而变化的栏  7.4 管理浮层    7.4.1 浮动所有的东西    7.4.2 使用简易清除    7.4.3 用溢出控制浮动  7.5 否定的好处  7.6 CSS布局的弹性    7.6.1 布局实例    7.6.2 样式转换器：赋予用户控制权  7.7 总结第8章 创建一般页面元素  8.1 设计页眉    8.1.1 使用小Logo    8.1.2 混合并匹配前景和背景图片    8.1.3 定位Logo和标语    8.1.4 增加背景图片    8.1.5 增加倒影图片    8.1.6 使样式表失效    8.1.7 增加网站搜索和站点级别的页眉链接    8.1.8 将链接浮动到位    8.1.9 定位搜索盒  8.2 创建基于CSS的Tab式导航    8.2.1 创建标记    8.2.2 定位链接    8.2.3 设计链接  8.3 当前位置    8.3.1 展示当前位置的层次    8.3.2 设计层次的顺序  8.4 图片和悬停效果    8.4.1 简单图片互换    8.4.2 避免“Divitis”    8.4.3 小魔法：多种状态一个图片    8.4.4 远处图片的转换    8.4.5 远处图片转换和小魔法的组合  8.5 圆角盒    8.5.1 创建一个固定宽度的圆盒子    8.5.2 创建一个可放大的圆角盒    8.5.3 制作背景图片  8.6 总结第9章 排版  9.1 字样分类    9.1.1 Serif（font.family：serif；）?    9.1.2 Sans Serif（font—family：sans—serif；）    9.1.3 Monospace（font—family：monospace；）    9.1.4 Cursive（font—family：cursive；）    9.1.5 Fantasy（font.family：fantasy；）  9.2 用CSS选择字体    9.2.1 使用一般字体族    9.2.2 使用特殊字体族    9.2.3  网络上的字样问题    9.2.4 微软Vista字体　9.3 字体粗细    9.3.1 用关键字分配font—weight    9.3.2 用数值分配font—weight    9.3.3 bolder和lighter    9.3.4 关于字体粗细的最后结语　9.4 设置字体大小    9.4.1 绝对尺寸关键词    9.4.2 相对尺寸关键字    9.4.3 使用像素设置文本大小    9.4.4 用百分值和em设置文本尺寸    9.4.5 Richard Rutter的62.5％hack　9.5 字体样式　9.6 转换文本　9.7 字体变异　9.8 设置文本块    9.8.1 行距    9.8.2 空行（或行高）    9.8.3 字符间距调整    9.8.4 文本对齐和校对    9.8.5 块段落和传统段落    9.8.6 提示新段落    9.8.7 设置引用　9.9 标题和副标题  　9.9.1 页面边距　  9.9.2 图片替换  　9.9.3 完整的例子　9.10 总结第10章 设计表格  10.1 表格标记    10.1.1 caption元素    10.1.2 tIl元素    10.1.3 abbr属性    10.1.4 scope属性    10.1.5 在复杂表格中分配作用域    10.1.6 thead、tfoot和tbody元素    10.1.7 栏    10.1.8 summary属性    10.1.9 所有的标记  10.2 增加样式    10.2.1 表格边框    10.2.2 斑马式表格    10.2.3 设计标题  10.3 更上一层楼  10.4 总结第11章 设计表单  11.1 设计表单控件  11.2 表单布局    11.2.1 表单的语义化（x）HTML    11.2.2 对表单应用基本的设计    11.2.3 中级表单设计    11.2.4 将标签和它们的域放在中间    11.3 总结第12章 设计列表  12.1 基本列表  12.2 去掉浏览器默认样式  12.3 列表平齐  12.4 白定义项目编号    12.4.1 设计有序列表    12.4.2 用背景图片自定义项目符号    12.4.3 右边排列的图标  12.5 垂直导航链接    12.5.1 链接的填充    12.5.2 链接的悬停效果    12.5.3 完整的页面    12.5.4 命名和隐藏链接组  15.6 用关联选择符显示位置  12.7 设计定义列表    12.7.1 例1：安排日常事务    12.7.2 例2：货物评论  12.8 总结第13章 设计打印和其他媒体样式  13.1 媒体类型简介    13.1.1 实用的媒体类型    13.1.2 不是那么实用的媒体类型  13.2 指定媒体类型    13.2.1 给链接元素增加一个媒体属性    13.2.2 给@import语句增加一个媒体属性    13.2.3 为样式表中的某个特定选择符增加媒体属性　13.3 创建一个打印样式表　13.4 打印CSS文件中包含的内容    13.4.1 重设布局    13.4.2 隐藏导航和其他互动元素    13.4.3 纠正一些从屏幕样式表中继承来的小问题　13.5 获得更好的打印页面的小窍门　13.6 需要警惕的事情    13.6.1 检查你的页面宽度    13.6.2 CSS定位的打印错误    13.6.3 搜集有关你的“有趣的打印输出”的反馈　13.7 高级CSS打印技巧    13.7.1 在打印页面插入URL    13.7.2 用DOM和CSS实现选择性打印  13.8 其他媒体类型的样式表    13.8.1 投影    13.8.2 语音媒体    13.8.3 便携式媒体 　 13.8.4 所有媒体类型  13.9 总结第14章 常见问题解析  14.1 当你不知道什么出了错时该怎么办    14.1.1 实用的浏览器助手和工具    14.1.2 检验标记和样式    14.1.3 在块中使样式失效    14.1.4 让hack失效    14.1.5 创建最小测试案例，让问题变得简单.  14.2 CSS常见错误    14.2.1 特异性问题    14.2.2 图片路径    14.2.3 链接顺序    14.2.4 清除掉所有浮动  14.3 CSS常见bug（在IE中）    14.3.1 两倍的浮动边距    14.3.2 三像素偏移    14.3.3 在一个相对容器里的绝对定位    14.3.4 空格bug  14.4 在现实中解决问题：演练    14.4.1 创建布局    14.4.2 让它在Firefox中表现完美    14.4.3 IE的悲哀    14.4.4 增加副导航    14.4.5 为什么不把hack分组呢  14.5 总结附录A CSS参考  A.1 CSS单位、关键字和其他属性值    A.1.1 分数和整数    A.1.2 颜色    A.1.3 font    A.1.4 长度    A.1.5 百分数    A.1.6 定位关键字    A.1.7 URL    A.1.8 多种用途的属性    A.1.9 继承  A.2 CSS属性    A.2.1 font、文本颜色、文本尺寸和类似属性    A.2.2 间距和排列类型    A.2.3 盒模型    A.2.4 定位    A.2.5 背景颜色、图片和类似的属性    A.2.6 列表    A.2.7 表格    A.2.8 生成的内容    A.2.9 cursor    A.2.10 打印附录B GSS特异性分级表  B.1 元素选择符  B.2 后代、子和相邻选择符  B.3 属性选择符  B.4 伪类选择符  B.5 伪元素附录C 浏览器分级表  C.1 背景  C.2 边框  C.3  边距　C.4 间距　C.5 尺寸　C.6 文本　C.7 font　C.8 列表和标记　C.9 定位　C.10 分级　C.11 表格　C.12 伪类　C.13 伪元素　C.14 轮廓索引

编辑推荐

　　CSS三剑客之技巧之剑，三大Web设计师倾力打造。诠释最佳CSS页面布局，助您架构可维护、可重复使用，可兼容的实用站点，磨砺您的Web2.0设计之剑。　　CSS实战精粹　　亲爱的读者：　　我们写《CSS实战精粹》的目的是给你们提供一系列现代、有效的CSS技术。在网络开发的整个过程中，使用这些技术可以让你事半功倍。你并不需要充分了解基于网络开发的优点因为你早就知道了，你只需要知道CSS的基本原理。不过，我们的重点在于应用情境，以及我们在《CSS实战精粹》中提到的每一项技术的实际应用。　　《CSS实战精粹》中的技术主要集中在以下几个方面：　　·可维护性：将代码组织好，不需要很多时间来维护。　　·兼容性：能兼容于不同的浏览器；在必须需要hack时，能使用hack。　　·可重复使用性：充分运用你的样式和遗传性；使用可靠的技术。　　·实用性：不要局限于任保理想目标；使用任何实用的技术，以后你可以再进行优化。　　细节方面，我们还提到了优先级和级联，hack和滤器（以及如何尽可能不使用它们），有效地代码维护和优化，高级选择符和规则，高级的样式设计和布局技术，创建一般页面元素，疑难问题解答，等等。对于现代开发者来说，《CSS实战精粹》是无价的，对此我们充满信心。因此，亲爱的读者们，尽情的享受《CSS实战精粹》吧，它一定不会让你们失望！

作者简介

《CSS实战精粹》囊括了CSS工作原理的所有细节，主要介绍了能够在项目中使用的具体CSS设计技巧，包括CSS布局、创建一般页面元素以及如何排版从而使内容兼具可读性和艺术性。另外，《CSS实战精粹》还讨论了CSS中一些常见的问题，给出了一些解决办法。

图书封面

---

 CSS实战精粹下载 更多精彩书评

---