无懈可击的Web设计

第1章 灵活的文字

1.1 常见的方法

1.2 为什么这样设计不是无懈可击的

1.3 权衡我们的选择

1.3.1 长度单位

1.3.2 表示“相对大小”的关键字

1.3.3 百分比值

1.3.4 表示“绝对大小”的关键字

1.4 无懈可击的方法

1.4.1 关键字

1.4.2 放弃像素级别的精确度

1.5 为什么这样设计是无懈可击的

1.6 接下来的操作

1.6.1 设置基准值

1.6.2 使用百分比值来获取不同的尺寸

1.7 结合使用关键字和百分比值

1.7.1 设定一个中间的关键字基准值

1.7.2 慎用嵌套百分比值

1.7.3 百分比值的一致性试验

1.8 通过em实现灵活的文字

1.9 rem单位

1.10 本章小结

第2章 可伸缩的导航栏

2.1 常见的方法

2.1.1 功能强大的选项卡

2.1.2 通常的翻转效果

2.2 为什么这样设计不是无懈可击的

2.2.1 堆积如山的代码

2.2.2 不方便使用

2.2.3 可伸缩性的问题

2.2.4 不够灵活

2.3 无懈可击的方法

2.3.1 无样式的导航列表

2.3.2 两幅小图片

2.3.3 应用样式

2.3.4 采用浮动来解决问题

2.3.5 为选项卡定形

2.3.6 对齐背景图片

2.3.7 增加底边

2.3.8 悬停变换

2.3.9 选中状态

2.4 为什么这样设计是无懈可击的

2.5 使用CSS3渐变而不使用图片实现

2.6 通过em来实现

2.7 其他示例

2.7.1 MOZILLA.ORG

2.7.2 斜杠

2.7.3 ESPN.COM的搜索栏

2.8 本章小结

第3章 可扩展的行

3.1 常见的方法

3.2 为什么这样设计不是无懈可击的

3.2.1 非必要的图片

3.2.2 固定的行高

3.2.3 臃肿的代码

3.3 无懈可击的方法

3.3.1 HTML代码结构

……

第4章 巧妙的浮动效果

第5章 牢固的方框

第6章 页面在缺失图片或CSS的情况下仍然易读

第7章 可转换的表格

第8章 流动布局和弹性布局

第9章 构成一个整体

无论一个网站的外观多么时尚华美，内容多么丰富多彩，如果不能为最广泛的用户群所用，就算不上真正成功的网站。Web设计大师Dan Cederholm的经典著作《无懈可击的Web设计：使用HTML 5和CSS 3提高网站的灵活性与适应性（第3版）》将指导您采用标准设计策略来满足各类用户的需要。每章首先列举一个沿用传统HTML技术的实例，然后指出该实例的局限性，并利用HTML和CSS对其进行重构。从中您将学会如何用简洁高效的HTML标记和CSS来取代臃肿的代码，从而创建加载速度极快、能供所有用户使用的网站。本书最后将前面各章讨论的所有页面组件珠联璧合地结合在一起，制作了一个页面模板。这个全新版本全面润色和更新了第2版的内容，介绍了CSS3和HTML 5方法，并重新设计了“新响应设计”等多个案例。

《无懈可击的Web设计：使用HTML 5和CSS 3提高网站的灵活性与适应性（第3版）》以Web设计大师Dan Cederholm力作最新版，畅销全球的Web标准设计经典著作，各大主流网站热评的CSS图书。