### 《精通CSS与HTML设计模式》核心知识点概览
#### 一、书籍基本信息
- **书名**：《精通CSS与HTML设计模式》（Pro CSS and HTML Design Patterns）
- **作者**：Michael Bowers
- **出版社**：Apress
- **出版日期**：2007年4月
- **ISBN**：978-1590598047
- **页数**：494页
- **定价**：$44.99
#### 二、书籍主要内容及特色
本书是一本关于如何使用CSS和XHTML来美化网页的专业参考书籍和实践指南，包含350个现成可用的设计模式（代码片段），这些模式可以被复制粘贴到实际项目中，并且能够自由组合以创造出无数种解决方案。
- **设计模式**：每个设计模式都经过精心设计，确保在所有主流浏览器中都能可靠运行，无需额外的浏览器特定代码。
- **布局结构**：为了便于读者查找和学习，书中每个设计模式的例子位于左侧页面，而相应的解释则位于右侧页面，使得学习过程更加直观高效。
- **内容覆盖范围**：本书涵盖了从基础到高级的所有CSS与XHTML技术点，包括但不限于代码编写、HTML转XHTML、CSS选择器使用、六种不同的盒模型、各种样式效果实现等。
- **适用人群**：适合初次接触CSS的新手以及已经熟悉CSS但希望进一步提高技术水平的设计师使用。
#### 三、详细知识点解析
##### 1. CSS与XHTML编码基础
- **CSS与XHTML基础知识**：介绍CSS与XHTML的基本概念，包括语法结构、文档类型声明、元素标签等。
- **HTML转XHTML**：教授如何将HTML文档转换为符合XHTML规范的格式，确保代码的标准化和兼容性。
##### 2. CSS选择器的使用
- **基本选择器**：如标签选择器、类选择器和ID选择器等。
- **复合选择器**：介绍如何结合多个选择器来更精确地定位页面中的元素。
##### 3. 盒模型
- **标准盒模型**：包括边框、填充和内容区域的计算方式。
- **IE盒模型**：针对Internet Explorer浏览器特有的盒模型进行说明。
- **其他盒模型**：介绍除标准盒模型外的其他盒模型，如margin-box模型等。
##### 4. 高级样式技巧
- **圆角、阴影、渐变与透明度**：通过CSS实现复杂的视觉效果。
- **图片替换**：讲解如何用背景图像替换文本，同时保持良好的可访问性。
- **文本样式**：使用字体、高亮、装饰和阴影等技术美化文本。
- **灵活布局**：创建响应式布局，使网站在不同设备上均能良好显示。
- **绝对定位**：使用像素精确的位置控制元素布局。
- **层叠排列**：通过z-index属性控制元素的堆叠顺序。
##### 5. 表格样式
- **表格边框样式**：为表格添加边框并调整其样式。
- **交替行样式**：通过CSS实现表格行的条纹效果，提高阅读体验。
- **自动调整列宽**：让表格根据内容自动调整列宽，提高排版效率。
##### 6. CSS与JavaScript集成
- **非内联JavaScript**：推荐最佳实践，避免在XHTML中直接嵌入JavaScript代码。
##### 7. 特殊样式效果
- **首字下沉**：创建美观的首字母效果。
- **提示信息**：使用CSS和HTML实现简洁有效的提示消息。
- **引用和警告**：通过CSS为引用文本或警告信息添加样式。
#### 四、书籍使用建议
- 对于完全不了解编程或者CSS/XHTML的新手来说，建议先阅读入门级别的CSS与XHTML书籍，打好基础后再使用本书。
- 本书不仅适用于自学，也适合作为培训教材或参考书使用。
- 建议配合官方网站www.cssDesignPatterns.com上的交互式示例一起学习，以获得更好的理解和实践经验。
《精通CSS与HTML设计模式》是一本非常全面且实用的CSS与XHTML设计模式指南，不仅涵盖了基础的编码知识，还提供了丰富的实际案例和高级技巧，是每一位前端开发者不可或缺的学习资源。
baoxuan2018-10-19买了中文版的，翻译的不好，下载个英文版的看看~~~
