翻译：《Pro CSS and HTML Design Patterns》简介、总览和目录

Apress, Pro CSS and HTML Design Patterns, Apr. 2007

《CSS与HTML高级设计模式》
简介：
设计模式在软件编程领域取得了巨大成功。在web 设计和开发上它提高了生产力、创造力和效率，它减小了代码的冗余和复杂度。在CSS 和HTML 的上下文^注1中，设计模式是工作于各个浏览器与屏幕阅读器之间的常见功能性（ common functionality ）的集合。而不牺牲设计价值或可访问性（accessibility ）或依靠(relying)hacks 和滤镜(filters) 。但是直到现在它没有系统地应用于HTML 和CSS web 设计和开发中。
通过《CSS与HTML高级设计模式》的帮助，你可以将设计模式用于你的HTML和CSS代码中获得益处。这本书告诉你必须的全部CSS和HTML设计模式。Web开发专家、作者Michael Bowers 将带着你探讨用于文本、背景、边框、图像、表单、样式等等多个设计模式。他告诉你每一个该如何正确地工作，在你所在的项目中如何使用它们才最有效率。之后你会学习它们相关的设计模式，你将会为你曾开发过的网站没有用它们而感到不可思议。

注1：原文此处为：context 或可译为“环境”。

我将这本书献给我亲爱的家人。
感谢我的妻子 Teresa
感谢我的儿子 Joshua
还有我的女儿 Sydney
没有他们所做的牺牲，就不可能有这本书。

总览
关于作者
关于技术评审
致谢
前言
第1章        设计模式：使CSS 更便易
第2章        HTML设计模式
第3章        CSS选择符和继承
第4章        盒模型
第5章        盒模型的长宽大小
第6章        盒模型的属性
第7章        定位(positioning)^注1模型
第8章        定位：缩进、偏移、对齐
第9章        高级定位
第10章    样式文本
第11章    内容间距
第12章    内容对齐
第13章    块
第14章    图像
第15章    表格
第16章    分栏样式
第17章    布局
第18章    Drop Caps
第19章    插图和引用
第20章    警告
索引

注1： 或译为位置

目录

关于作者
关于技术评审
致谢
前言

第1章        设计模式：使CSS 更便易
设计模式――结构的秘方
使用设计模式
使用样式表
CSS 语法
       CSS语法详解
       使用CSS的空白
       使用属性值
使用层叠顺序
简化的层叠
CSS和HTML链接
CSS属性
CSS属性与值：共同(Common)
CSS属性与值：内容
CSS属性与值：布局
CSS属性与值：特殊性
选择符
衡量单位的灵活性
衡量单位的固定性
衡量单位在 96 dpi 间的比率
在 96 dpi 的典型字体大小值
测试并改正(Troubleshooting) CSS
标准化样式表

第2章        HTML设计模式
本章概要
HTML 结构
XHTML
DOCTYPE
Header 元素
条件样式表
结构的块元素
终端的块元素
多用途的块元素
行内元素
类和ID属性
HTML 空白

第3章        CSS选择符和继承
本章概要
类型、类和ID选择符
定位和组选择符
属性选择符
伪元素选择符
伪类选择符
子类选择符
继承
可视继承

第4章        盒模型
本章概要
显示
盒模型
行内(Inline)盒
行内-块 (Inline-block)盒
块盒
表格盒
绝对盒
浮动盒

第5章        盒模型的长宽高大小
本章概要
宽
高
大小
收缩包装(Shrinkwrapped)
延伸 

第6章        盒模型的属性
本章概要
外边距
边框
内填充
背景
溢出
可见性
页面截断

第7章        定位(positioning)模型
本章概要
定位模型
位置
最近位置祖先
堆上下文(Stacking Context)
原子
静态
绝对
固定
相对
浮动和清除
相对浮动

第8章        定位：缩排、偏移、对齐
本章概要
首行缩排
偏移静态
偏移或缩排静态表格
偏移浮动
偏移绝对和偏移固定
偏移相对
对齐和偏移静态块
对齐和偏移静态表格
对齐和偏移绝对
居中对齐绝对
向外边界对齐

第9章        高级定位
本章概要
左对齐
左偏移
右对齐
右偏移
水平居中对齐
水平居中偏移
顶对齐
顶偏移
底对齐
底偏移
垂直居中对齐
垂直居中偏移 

第10章    样式文本
字体
高亮
文本修饰
文本阴影
文本替换
不可见的文本
只用于屏幕阅读器

第11章    内容间距
间距
块
不断行
封装
代码
填充的内容
行内修饰
断行
行内水平规则

第12章    内容对齐
文本缩排
Hanging 缩排
内容水平对齐
内容垂直对齐
内容垂直偏移
子脚本和超脚本
嵌套对齐
高级内容对齐

第13章    块
本章概要
结构含意
可视结构
选择
列表
背景全场(Bulleted)
行内
收缩外边距
Run-in
水平规则
块间距
块间距移除
左外边距
右外边距

第14章    图像
本章概要
图像
图像映射
渐隐(Fade-out)
半透明
替换文本
图像覆盖内容
背景图像覆盖内容
CSS Sprite
基本图像阴影
图像阴影
圆角
图像示例

第15章    表格
本章概要
表格
行组和列组
表格选择符
分隔的边框
收缩的边框
样式收缩的边框
隐藏和移除单元格
移除和隐藏行和列
垂直对齐数据
有纹理的表格
表格、行和单元格
表格样式

第16章    列样式
表格样式模型
使用列样式
本章概要
列宽度
收缩包装(Shrinkwrapped)列
列的大小
列的内容属性
列的大小属性
列的百分比属性
列的反选属性
相等内容大小的列
相等大小的列
较小的列
弯曲的列
混合的列样式

第17章    布局
本章概要
流式布局概览
外边界盒
浮动选取
浮动分隔
流式布局
反向浮动
事件样式
Rollup
窗卡式菜单
窗卡
Flyout 菜单
按钮
布局链接
布局示例

第18章    Drop Caps
本章概要
Drop Cap 对齐
Drop Cap 第一个字母
Hanging Drop Cap
填充图形 Drop Cap
浮动 Drop Cap
浮动图形 Drop Cap
外边距 Drop Cap
外边距图形 Drop Cap

第19章    插图和引用
本章概要
左浮动插图
右浮动插图
居中插图
左外边距插图
右外边距插图
块引用
行内块引用
行内引用

第20章    警告
本章概要
JavaScript 警告
Tooltop 警告
Popup 警告
警告
行内警告
Hanging 警告
图形警告
Run-in 警告
浮动警告
左外边距警告
右外边距警告

索引

关于作者

       MICHAEL BOWERS 已在软件专业领域撰写了18年。他亲自教授编程已逾14年且一直“耕耘”不休。
       他已引领软件开发者、构建者、和许多项目围绕着从网站到应用框架到数据库系统的模型者。他有构成企业内部网应用程序，利用机器人让工厂自动化，开发的语 言同解释器与编译器一起，程序手持设备，整合的企业系统和管理团队。他酷爱的语言包括CSS、XHTML、XML、C#、C、Visual Basic、Java、JavaScript、ASP、SQL。
       Michael 也是一名多才多艺的钢琴家，取得了一个音乐创作的学士学位、一个音乐理论的硕士学位、一个音乐理论的博士学位。在他的空余时间他最喜爱即兴创作、编曲、作曲。




关于技术评审
PAUL HAINE 是一名Web设计人员，目前在伦敦工作。他是《HTML Mastery: Semantics, Standards, and Styling》(friends of ED, 2006)的作者，并且运行了一个个人网站： www.joeblade.com 在旁边是他的设计 blog： www.unfortunatelypaul.com。



感谢
我要感谢我的家人：Teresa、Joshua和Sydney，是他们所做的牺牲使我写就了这本书。我尤其要感谢我的妻子Teresa。没有她不断鼓励和支持，我不可能撰写完这本书。我也要感谢我的母亲和父亲教予我服务的价值，努力工作，和不懈的进步。
    我想感谢Apress所有伟大工作的团队：Chris Mills 主编、Paul Haines 技术评审、Kylie Johnston 项目经理、Ami Knox 文稿编辑、Laura Esterman 产品编辑、还有所有其他的幕后工作人员。
另：《无懈可击的web设计》第1章 所谓的“无懈可击”是对E文文字而言的，而中文用百分比95%好像没有任何效果，所以要改用90%，文字与12px相似无几了。其用small，中文文字大小大概是13点多的px值，四舍五入后就是与13px相似无几。

转载于:https://www.cnblogs.com/georgewing/archive/2007/08/22/865024.html