如果你想要快速样式化Web页面而不需要了解所有细节，那么，你需要阅读本书。.
你不需要知道每一种功能——只需要了解如何让你的项目实现。
全彩印刷，从头到尾地展示如何执行项目的每一步。

本书介绍CSS基础知识。全书共分9章，内容包括：CSS简介、布局和定位、操作图像、制作菜单、样式化特定元素、浏览器、为网站增色、排错和进一步学习。
本书适用于CSS初学者、Web开发人员，培训班网页制作课程教材与参考。

如果你想要快速样式化Web页面而不需要了解所有细节，那么，你需要阅读本书。
你不需要知道每一种功能——只需要了解如何让你的项目实现。
全彩印刷，从头到尾地展示如何执行项目的每一步。

作者简洁
Tom Negrino　是多本图书的作者，包括介绍PowerPoint、演讲等的Visual QuickStart Guide。

Dori Smith　 是《Java 2: Visual QuickStart Guide》的作者，他也是行业会议的活跃演讲者，是Wise Women的Web社区的发布者和Web标准项目的成员。
Tom Negrino 和Dori Smith一起编写了好几本畅销图书的多个版本，包括《JavaScript and Ajax for the Web: Visual QuickStart Guide》和《Dreamweaver: Visual QuickStart Guide》。他们还编写了众多图书和在线的文章并共同维护了Backup Brain博客。

本书提供了一种学习新技术的独特方式。它不会让你被淹没于枯燥理论和长篇大论的讲解中，而是使用较大的、彩色的插图，并辅以清晰、精炼的步骤说明，来介绍如何在数小时之内就完成一个特定的项目。
本书中的项目将使用CSS（Cascading Style Sheet, 层叠样式表）来创建一个吸引人的、与标准相容的Web站点。使用CSS的主要方式有两种：首先，用它进行页面布局，把所有文本和图像都放在我们希望它们在页面上出现的地方；其次，使用CSS来样式化文本，使其外观有最理想的效果。在此过程中，我们还将学习如何通过创建CSS使文本环境在图像周围、创建菜单和导航栏，以及如何只修改一个文件就改变站点的整体外观。读完本书后，你会打下良好的CSS基础，可以将其应用到自己的项目和Web站点中。
本书讲解了CSS的基础知识，但它并没有涵盖Web开发的方方面面。像本书这样的篇幅，不可能完全覆盖如此大的主题。在你开始学习CSS之前，应该已经知道如何创建HTML标记并将其保存为Web页面，以及如何把页面上传到Web服务器，从而使得可以在Web浏览器中访问它。你不必是一位XHTML专家，但应该熟悉基本的XHTML标签和XHTML页面的基本结构。
我们要创建什么
我们将创建一个用于虚拟交易的Web站点—Alpaca Repo。如果该交易真实存在，就会从拖欠付款的主人那里重新拍卖这些可爱的、憨态可掬的动物。我们急于补充的是，我们个人绝不会牵走羊驼，而且也不会有羊驼因为本书的写作而受到伤害。因为我们将要创建的站点只是为了演示所有基本的技术，你可以使用所学到的知识来创建或更新自己的站点，无论是你的个人Web站点，还是你的公司或组织的最新站点。
过去，使用XHTML表格在页面上布局元素的做法很常见。文本和图像都放置在表格的单元格中。为了样式化文本，需要为每段文本添加XHTML样式标签。这些技术已经过时了，现代的站点不会再使用它们。相反，本书将介绍如何创建一个具有现代外观的站点，并且使用CSS来布局页面元素并控制页面上元素的外观。
Web页面是如何工作的
现代的Web页面由很多文件组成。这些文件组合到一起，Web浏览器会呈现（render）它们，并向浏览者显示页面。Web页面由以下文件组成：
ナXHTML文件。它包含了页面的可读性内容，即页面的文本。XHTML文件是必需的。这个文件还包含一些关于你希望浏览器如何理解页面的信息。
ナ层叠样式表。它包含了内容的显示（presentation）规则。这些规则可能是页面上内容布局的说明，它可能是关于如何样式化文本的说明。严格地讲，CSS文件不是必需的，但如果没有CSS文件，页面看起来会相当单调。
ナJavaScript文件。它包含为页面添加行为和用户交互的脚本。这些脚本可以是任何内容，从一个简单的表单验证（确认用户已经正确地填写了表单），到可以与桌面应用程序媲美的基于Web的复杂应用。同样，JavaScript文件也不是必需的。
ナ图像大多数页面都有一个或多个图像文件，它们能为页面增色。

如何阅读本书
每一个小节的标题都说明了该节所介绍的内容
步骤编号说明了按照特定顺序执行的动作

代码块展示了应该放到各个XHTML和CSS文件中的内容

说明文字指出了你在做什么以及为什么这么做。它们也指出了相关的术语






重要的术语和Web站点地址以橙色显示


每章末尾的附加知识点部分包含了你可能想要了解的提示和技巧，但这些内容并不是必需的


每一组提示的标题和小节的标题一致
有用的工具
为了编写CSS和HTML代码，你需要一些工具，其中最重要的是文本编辑器（text editor）。我喜欢那些为程序员设计的文本编辑器，因为它们都能够用不同的颜色来区分代码的各个部分，这使得代码容易阅读和操作。在Macintosh下，我推荐BBEdit或免费的TextWrangler（如图所示）。在Windows下，记事本是一个不错的选择，也可以使用所见即所得的Web编辑器，例如Dreamweaver。选择何种工具并不重要，只要它能够创建纯文本文件即可。我们不推荐使用字处理程序，例如Microsoft Word。Word文档不是纯文本文件，虽然可以让Word输出纯文本，但这很容易忘记而意外地保存为Word格式。
当然，你还需要通过Web浏览器在本地或Web上查看你的工作。不同的浏览器对基于CSS的页面的呈现不同。因此，如果你准备进行正式的CSS开发，安装如下所有浏览器以进行测试是一个好主意。只需要关注4种浏览器，因为它们已经覆盖了绝大多数的Web用户。在Windows上，你需要Internet Explorer 7或更高版本，以及Firefox。在Mac上，则是Safari（它也覆盖到iPhone用户）和Firefox。
最后，如果你的站点在一个托管服务器上（大多数情况都是这样），你需要一个FTP（File Transfer Protocol，文件传输协议）程序来把你所创建的文件从计算机上传到Web服务器上。Mac上常用的FTP程序包括Cyberduck、Transmit以及Fetch，在Windows上，则是CuteFTP、SmartFTP和Filezilla。Dreamweaver和很多其他所见即所得的程序拥有内建的FTP工具。
下一个步骤
虽然本书将会讲解使用CSS来布局和样式化Web页面所必需的步骤，但还是有很多关于XHTML和CSS的知识需要学习。在学完本书之后，可以考虑挑选一些其他书进行深入的学习或作为方便的参考。
要更加深入地了解XHTML和CSS，请查阅Elizabeth Castro的《HTML，XHTML & CSS：Visual QuickStart Guide，7th Edition》。这本书将会提供很好的概览和参考。
这两本书都有翔实的示例、简洁的步骤说明，以及很多可以帮助你改进Web站点的提示。

? 如果你想要快速地样式化Web页面而不需要了解所有的细节，那么，你需要阅读本书。
? 你不需要知道每一种功能——只需要了解如何让你的项目实现。
? 全彩印刷，从头到尾地展示如何执行项目的每一步。

（美）Tom Negrino,Dori Smith 著：Tom Negrino是多本图书的作者，包括介绍演讲和投稿Visual QuickStart Guide，关于PowerPoint、演讲等的Visual QuickStart Guide。 Dori Smith是Java 2: Visual QuickStart Guide的作者，他也是行业会议的常见演讲者，Wise Women的Web社区的出版人，和Web标准项目的成员。他们一起编写了好几本畅销图书的多个版本，包括 and Ajax for the Web: Visual QuickStart Guide和Dramweaver: Visual QuickStart Guide。他们还编写了众多的印刷和在线的文章，并且，他们维护了Backup Brain博客。

刘红伟：暂无简介

CSS是Cascading Style Sheet（层叠样式表单）的简称。CSS语言是一种标记
语言，它不需要编译，可以直接由浏览器解释执行（属于浏览器解释型语言）。
在标准网页设计中CSS负责网页内容（XHTML）的表现，它是一种设计网页样
式的工具。借助CSS的强大功能，网页将在你丰富的想象力下千变万化。
如果你想要学习和掌握Web设计，那么，CSS是必备的技能之一。正因为此，
当前市面上有众多CSS相关的图书。其中不乏对CSS的基础语法详细介绍的大全、
手册甚至词典。而本书采用了一种独特的方式。它不会向读者介绍详尽的理论，
而是使用大幅的、彩色的插图，辅以清晰、精炼的步骤说明，介绍如何在几个小
时之内就完成一个特定的项目。全书虚构了要为Alpaca Repo创建Web站点的任
务，从头到尾地展示如何执行项目的每一步。
本书步骤编号、代码块、说明文字等板块作用明确，便于区分。每章末尾的
附加知识点部分包含了你可能想要知道的提示和技巧。所有这些，都便于读者阅
读和快速上手。
非常高兴能够有机会翻译本书。参加本书翻译工作的有刘红伟、景龙、景文正、
孙海军等。如果读者在阅读中遇到问题，欢迎通过liuhongwei198004@sina.com与
我们交流。
译者

目　　录
译者序
前言
第1章　 CSS简介 1
选择工具 2 为CSS添加注释 8
创建样式表 3 使用内部样式 9
编写CSS规则 4 使用外部样式表 10
创建类 6 理解层叠 12
定义id 7 附加知识点 13
第2章　 布局和定位 15
块标签和内联标签 16 创建XHTML 23
盒模式 17 样式化div 27
定位盒 19 创建伪列布局 30
理解浮动 21 附加知识点 32
选择大小 22
第3章　 样式化文本 35
理解CSS字体 36 样式化标题 41
样式化文本 39 附加知识点 42
第4章　 操作图像 45
准备图像 46 添加背景图像 52
浮动图像 48 附加知识点 54
放置图像 50
第5章　 制作菜单 57
样式化侧边栏 58 添加翻转效果 61
创建按钮 59 附加知识点 63
第6章　 样式化特定元素 67
样式化表格 68 使用特殊选择器 74
添加奇特的标题 73 附加知识点 75
第7章　 更好地操作浏览器 77
针对IE调整 78 添加打印样式表 85
使用浏览器扩展 83 附加知识点 87
第8章　 为网站增色 89
创建水平菜单 90 添加弹出菜单 100
恢复左栏 94 添加水平弹出菜单 104
添加顶部广告栏 96 创建标准菜单 107
添加第三栏 98 附加知识点 108
第9章　 排错和进一步学习 109
验证CSS 110 学习有关CSS的更多知识 114
获取调试工具 111 附加知识点 115
调试CSS 112