图书信息

内容简介

作者简介

目录

图书信息

CSS实战精粹

作　者： （美）克拉夫特，（美）劳埃德，（美）罗宾　著，李方进　译

出 版 社： 电子工业出版社

出版时间： 2008-3-1 字　数： 574000

I S B N ： 9787121055720

定价：￥59.80

内容简介

本书提供了一系列现代的、高效的CSS技术，囊括了CSS工作原理的所有细节，主要介绍了能够在项目中使用的具体CSS设计技巧，包括优先级和级联，hack和滤器（以及如何尽可能不使用它们），有效地代码维护和优化，高级选择符和规则，高级的样式设计和布局技术，创建一般页面元素，疑难问题解答，等等。本书的技术主要集中于如何创建可维护、可重复使用、可兼容的实用网站。

本书适用于那些为一般人群设计专业站点的网络开发者和程序设计者，以及对（X）HTML和CSS有基本理解并希望能更上一层楼的人群。

作者简介

Jeff Croft，网页和图形设计师，致力于基于网络标准的开发。目前居住并就职于堪萨斯州的劳伦斯。作为一名world Online的高级设计师，Jeff工作于多家极负盛名的标准化网站，他还拥有非常受欢迎的私人博客和个人站点：那里面有很多关于各个主题的文章，如现代网页和图形设计等。 除此之外，Jeff还在两所有名的大学任教，向学生们传授网络标准。同时，他还是一位自由撰稿人，完成了许多不同委托人委托的写作任务。他的兴趣爱好广泛，不在电脑上耗着的时候，他喜欢摄影，听音乐，看电影、电视，或是在郊外度过一个宁静的夜晚。

目录

作者简介

技术评论员简介

致谢

导言

第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 轮廓

索引