这样的标签表示标题，并且赋予了相关的重要性：1级标题比2级标题更为重要。

标签表示一段基本的信息。其他的标签也提供了进一步的结构化线索，例如，

标签表示一个符号列表（例如，生成一个更为智能的配方成分列表）。
　　另一方面，CSS为组织良好的HTML内容添加了设计才能，使得它更美丽并且更容易阅读。基本上，CSS样式只是告诉Web浏览器如何在页面上显示特定元素的一条规则。例如，可以创建一条CSS规则来使得所有的

标签以36像素的高度显示，字体为Verdana，颜色为橙色。CSS可以做很多功能强大的事情，例如，添加边框、改变页内边距，甚至控制一个页面元素的确切位置。
　　说到JavaScript，对页面做出的一些最有价值的改变涉及了CSS。我们可以使用JavaScript来给一个HTML标签添加CSS样式，或者从该标签删除一个CSS样式，或者根据访问者的输入或鼠标单击来动态地改变CSS属性。我们甚至可以从一种样式的一个属性动画地变换为另一个样式的该属性（例如，将背景颜色动态地从黄色修改为红色）。例如，可以通过直接修改CSS的display属性来让一个页面元素显示或隐藏。要实现一个项目在屏幕上的动画，可以使用JavaScript来动态地修改CSS position属性。
样式剖析
　　单个样式定义的一个元素的外观是很基础的常见用法。它实际上是一条规则，告诉Web浏览器如何格式化某内容，把标题变蓝色、围绕照片绘制一个红色边框，或者创建一个150像素宽的边栏来容纳链接的列表。如果样式可以说话，它会说：“嗨，浏览器，让这个看起来像这样。”样式实际上由两个元素组成：浏览器要格式化的Web页面元素（选择器），以及实际的格式化指令（声明块）。例如，选择器可以是一个标题、一段文本、一张照片等。声明块可以把文本变为蓝色、围绕段落添加一个红色边框，或者把照片放置到页面的中央，其可能性是无限的。
　　注意： 技术类型通常遵从W3C的领导，并且叫做CSS样式规则。本书交叉地使用术语“样式”和“规则”。
　　当然，CSS样式不会用漂亮的英语来交流。它们有自己的语言。例如，要设置Web页面上所有段落的字体颜色和字体大小，应该这样编写：
p { color: red; font-size: 1.5em; }
　　这个样式只是说：“让所有段落的文本（以

标签标记的内容）显示为红色和1.5em高”（em是基于浏览器的常规文本大小的一个单位或度量）。如图I-1所示，即便像这样的一个简单样式也包含几个元素：
　　选择器。选择器告诉浏览器要样式化页面上的哪一个或哪几个元素，例如标题、段落、图像或链接。在图I-1中，选择器（p）引用所有的

标签，这让Web浏览器使用这个样式的格式化指令来格式化所有的

标签。使用CSS所提供的范围广泛的选择器，加上一点儿创新性，我们就可以实现对页面格式化的很好控制（选择器是使用jQuery的一个重要的部分，将从4.6节开始详细介绍它）。
　　声明块。跟在选择器后面的代码包含了我们想要对选择器应用的所有格式化选项。这个块以一个左花括号（{）开头，以一个右花括号（}）结束。
　　声明。在声明的左花括号和右花括号之间，添加一个或多个声明，或者格式化指令。每个声明有两个部分，一个属性和一个值，然后以一个分号结束。
　　属性。CSS提供了范围广泛的格式化选项，叫做属性。属性是一个单词，或者连字符连接的几个单词，表示某种样式效果。大多数属性拥有一个直白的名字，例如，font-size、margin-top和background-color。例如，background-color属性设置背景颜色（可以猜想得到）。
　　注意： 如果需要复习有关CSS的知识，请阅读《CSS: The Missing Manual》。
　　值。最后，将通过给一个CSS属性赋值来表现自己的创新能力，例如，使得背景为蓝色、红色、紫色或黄绿色。不同的CSS属性需要特定类型的值，包括颜色（例如，红色或#FF0000）、长度（例如，18px、2in或5em）、URL（例如，images/background.gif）或者一个特定关键字（例如，top、center或bottom）等。

　　我们不需要像图I-1那样把样式写成单独一行。很多样式有多个格式化属性，因此，将它们划分为多行可以使其更容易阅读。例如，我们可能想要把选择器和开始花括号放在第一行，每个声明独占一行，结束花括号独自在最后一行，如下所示：
p {
color: red;
font-size: 1.5em;
}
　　缩进格式也有帮助，可以缩进一个制表符或者两个空格，从而在视觉上把选择器和声明区分开来，使得很容易搞清楚哪个是哪个。最后，在冒号和属性值之间添加一个空格是可选的，但是添加空格的话，可以增加样式的可读性。实际上，可以在二者之间添加任意多个空格。例如，color:red、color: red和color: red都有效。
用于JavaScript编程的软件
　　要创建HTML、CSS和JavaScript组成的Web页面，只需要像Notepad（Windows）或TextEdit（Mac）这样的一个基本的文本编辑器就可以了。但是，在输入了数百行JavaScript代码之后，你可能想要尝试一个更适合于编写Web页面的程序。这里列出一些常用的程序，既包括免费的也包括需要付费购买的。
　　注意： 有数百种工具可以帮助我们开发Web页面和编写JavaScript程序，因此，下面并不是一个完整的列表。可以把它们看做当前JavaScript爱好者最棒的选择。
免费程序
　　除了这里列出的外，还有很多免费的程序可以用来编辑Web页面和样式表。如果你仍然使用Notepad和TextEdit，不妨试试这里列出的工具。下面是你可以选择开始尝试的工具列表：
　　Notepad++（Windows，http://notepad-plus.sourceforge.net）是程序员的朋友。它可以突出显示JavaScript和HTML代码的语法，并且允许我们保存宏并为其指定快捷键，以便可以自动地插入最经常使用的代码段。
　　HTML-Kit（Windows，www.chami.com/html-kit）是一款功能强大的HTML/XHTML 编辑器，包含了很多有用的功能，例如，直接在程序中预览一个Web页面（从而不必在浏览器和编辑器之间来回切换），添加HTML标签的快捷键等。
　　CoffeeCup Free HTML Editor（Windows，www.coffeecup.com/free-editor）是商业软件CoffeeCup HTML编辑器（售价49美元）的免费版本。
　　TextWrangler（Mac，www.barebones.com/products/textwrangler）是一款免费软件，实际上是BBEdit的配套下沿版本。BBEdit是一款用于Mac的高级的、知名的文本编辑器。TextWrangler不具备BBEdit的所有内置的HTML工具，但它确实包括语法着色（用不同的颜色突出显示标签和属性，以便很容易扫描页面并区分开各个部分），支持FTP（因此，可以把文件上传到Web服务器）等。
　　Eclipse（适用于Windows、Linux、Mac，网站是www.eclipse.org）是针对Java开发者的一款免费的、流行的软件，它包含了使用HTML、CSS和JavaScript的工具。还有专门针对JavaScript的一个版本（www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/indigor），以及为jQuery添加自动填充功能的Eclipse插件（http:// marketplace.eclipse.org/category/free-tagging/jquery）。
　　Aptana Studio（适用于Windows、Linux、Mac，网站是www.aptana.org）是一款强大的、免费的编程环境，带有使用HTML、CSS、JavaScript、PHP和Ruby on Rails的工具。
商业软件
　　商业Web站点开发程序有很多，从便宜的文本编辑器到具备所有配件的、完整的Web站点构建工具，以下是其中一部分：
　　EditPlus（Windows，www.editplus.com）是一款便宜的文本编辑器（售价35美元），包括语法着色、FTP、自动完成和其他节省录入的功能。
　　CoffeCup（Windows，www.coffeecup.com）是文本编辑器和可视化编辑器的组合（售价49美元）。我们可以直接编写HTML代码或者使用一个可视化界面来构建页面。
　　textMate（Mac，http://macromates.com）是Mac程序员的一款热门软件。这个文本编辑器（售价63美元）包括很多节省JavaScript程序员时间的功能，包括“自动匹配字符”，它会自动插入一对标点标签的第二个字符（例如，在输入了一个开始圆括号后，该程序自动插入一个结束圆括号）。
　　BBEdit（Mac，www.barebones.com/products/bbedit）。这是很多人喜欢的Mac文本编辑器（售价99.99美元），具有很多操作HTML、XHTML、CSS、JavaScript的工具。包括很多有用的Web构建工具和快捷方式。
　　Dreamweaver（Mac和Windows，www.macromedia.com/software/dreamweaver）是可视化的Web页面编辑器（售价399美元）。它允许我们看到页面在Web浏览器中的外观。该程序还包括一款强大的文本编辑器，可用于编写JavaScript程序；还包括优秀的CSS创建和管理工具。要全面学习如何使用这一功能强大的软件，请阅读《Dreamweaver: The Missing Manual》一书。
　　Expression Web Designer（Windows，www.microsoft.com）是Microsoft的最新的Web设计工具（售价149美元）。它替代了FrontPage并且包含了很多专业化的Web设计工具，包括优秀的CSS功能。
关于本书
　　和Microsoft Word或Dreamweaver这样的软件不同，JavaScript不是单独一家公司所开发的单独产品。JavaScript没有开发支持人员来为普通Web开发者编写一本易于阅读的手册。尽管你可以在Mozilla.org（例如，https://developer.mozilla.org/en/JavaScript/Reference）或Ecmascript.org（www.ecmascript.org/docs.php）这样的站点上找到很多的信息，但没有关于JavaScript编程语言的权威资源。
　　由于没有关于JavaScript的手册，人们常常不知道从何处开始着手学习JavaScript。并且JavaScript的出色之处甚至常常难倒有经验的Web专业人员。本书可以作为JavaScript的配套手册。在本书中，读者可以看到关于使用JavaScript来创建高度交互的Web页面的按部就班的说明。
　　同样，可以在http://docs.jquery.com/Main_Page找到关于jQuery的详细文档。但是，这是程序员写给程序员的，因此，说明比较简短而且偏技术化。尽管jQuery比常规的JavaScript编程要更加容易，本书将教你一些基本的jQuery原理和技术，以便当你使用jQuery扩展自己的Web站点的时候可以从正确的路径出发。
　　本书专为那些拥有一些Web页面构建经验的读者而编写。你需要熟悉HTML和CSS，才能更好地阅读和利用本书，因为JavaScript通常和HTML和CSS紧密协作来实现其魔力。本书主要的内容是为高级初学者或中级计算机用户编写的。但是，如果你是构建网页的新手，本书中名为“快速熟悉”的部分将提供你需要理解的话题的介绍性信息。相反，如果你是一名高级Web页面设计者，那么，请注意那些名为“高级用户提示”的部分。它们提供了对于有经验的计算机爱好者的更多技术提示、技巧和快捷方式。
　　注意： 本书还适时地推荐其他的图书，这些图书介绍了超出了JavaScript的使用手册之外的更为专门的主题。有时候推荐的图书来自于O扲eilly Media的“The Missing Manual”系列，但并不总是如此。如果有些O扲eilly图书之外的好书，我们也会告诉你。
本书介绍JavaScript的方法
　　JavaScript是一种真正的编程语言：它不像HTML或CSS那样工作，但是，它有自己的一套（常常是复杂的）规则。对于Web设计师来说，调整思维并开始像计算机程序员那样思考问题，这并不总是很容易的事情，并且也没有一本图书可以教给你关于JavaScript的所有知识。
　　本书旨在将你变成下一位伟大的程序员。本书要帮助Web设计师熟悉JavaScript的点点滴滴，进而开始学习jQuery，以便用它来尽可能快速而容易地为Web站点添加真正有用的交互。
　　在本书中，我们学习了JavaScript和编程的基础知识，但是只是基础知识还不够创建令人激动的Web页面。要介绍构建高级的、可交互Web页面所需的所有JavaScript知识，本书的篇幅都是不够的。相反，本书介绍了如何使用专业的（并且免费的）JavaScript代码，从而将你从细小的、耗费时间的细节中解放出来，并能够创建出在不同浏览器中运行良好的JavaScript程序。
　　我们学习了JavaScript的基础知识，然后直接学习如何在一些非常高级但易于使用的JavaScript辅助程序的一点儿帮助（是很多帮助）下，开发具有交互性的高级页面。考虑一下这种方式：我们自己砍伐树木和量制木材，自己建造窗户、门和门框，自己贴瓷砖等来盖一座房子。这种DIY的方法是很多JavaScript图书中常见的方法。但是，谁有那么多的时间呢？本书的方法更像是利用一些已有的构件并且使用基本的技能将它们组合起来，从而盖一座房子。最终的结果是，用零散的时间盖起了一栋漂亮而功能齐全的房屋，并且我们不必花时间来学习这个过程的每一个步骤。
内容梗概
　　本书划分为5个部分，每个部分各包含几章。
　　第一部分，JavaScript入门，从非常基础的内容开始。我们将学习JavaScript的基本构建块，并且得到一些关于计算机编程的有用的通用提示。这一部分教你如何为Web页面添加脚本、存储和操作信息，并且给程序添加智能以使它能够对不同的条件做出响应。我们还学习了如何和浏览器窗口通信，存储和读取cookie，对鼠标单击和表单提交等各种事件做出响应，以及修改Web页面的HTML。
　　第二部分， jQuery入门，介绍了Web最流行的JavaScript库：jQuery。这里，我们将学习这一惊人的编程工具的基础知识，该工具将使你成为一个更有生产力和能力的JavaScript程序员。我们将学习如何选择和操作页面元素，通过让页面元素响应访问者，从而增加交互性；并且添加漂亮的视觉效果和动画。
　　第三部分，构建页面功能，提供了关于JavaScript实际应用的很多真实的示例。我们学习了如何创建弹出式导航栏，以及构建一个可交互的照片集。我们通过使用添加表单验证（以使访问者不会提交遗漏信息的表单），添加一个日历挂件来更容易地选择日期，以及根据Web访问者做出的选择来改变表单选项等方法，使得表单更为有用。最后，我们还使用标签页面板、折叠面板和弹出式对话框来创建有趣的用户界面，这些界面外观很好看而且功能完备。
　　第四部分，Ajax与Web服务器通信，介绍了凭借一己之力就使得JavaScript成为最耀眼的Web语言的一种技术。在该部分中，我们学习了如何使用JavaScript与Web服务器通信，以便页面能够接收信息并根据Web服务器提供的信息来更新自己，而不必载入一个新的Web页面。
　　注意： 你将会看到按部就班的说明，介绍如何在你的计算机上安装一个Web服务器，以便可以利用本书配套Web页面上的（第三部分介绍的）漂亮的技术（参见后面的 “生动示例”了解更多细节）。
　　第五部分，提示、技巧和除错，在似乎什么也无效的时候给你提供帮助：可能完美地编写了JavaScript程序却没有看到它达到我们所预期的效果（或者情况更糟，它根本不工作）。你将了解程序员新手最常犯的一些错误，并学习发现程序中的错误并进行修正的技术。
　　在本书的最后有一个附录，给出了帮助你进一步学习JavaScript编程语言的参考书目列表。
基础知识
　　要使用本书，并且真正地使用计算机，需要知道一些基础知识。本书假设你已经熟悉了一些术语和概念：
　　单击。本书使用3种指示来要求你使用计算机鼠标或者触摸板。单击意味着把鼠标光标移动到屏幕上的某处，然后（不要再移动鼠标）按下并释放鼠标上的单击按钮（或者笔记本的触摸板）。右键单击意味着用鼠标右键做同样的事情。双击当然意味着快速连续单击两次，而根本不移动鼠标光标。拖动意味着在按下鼠标按钮的同时移动鼠标。
　　提示： 如果使用Mac，并且没有鼠标按钮右键，可以通过按下Control键同时单击一个鼠标按钮来做到同样的事情。
　　当告诉你在Mac上-click某内容，或者在PC上Ctrl-click某内容，你可以在按下或Ctrl按键的同时单击（这两个按钮都在空格键附近）。
　　菜单。菜单是屏幕或窗口顶部的单词：File、Edit等。单击一个按钮就会出现一个命令列表，就好像这个命令列表已经在窗口的隐藏处写好了，我们只是将其拉下来。
　　键盘快捷方式。如果试图以一种创新的方式来录入，那么，必须手离开键盘，抓起鼠标然后使用一个菜单（例如，使用Bold命令），这对你来说太具有干扰性了。这就是为什么很多有经验的计算机行家宁愿通过某种组合键来触发菜单命令。例如，在Firefox Web浏览器中，可以按下Ctrl-+（Windows）或-+（Mac）来使得Web页面上的文本变大（并且更易阅读）。当我们读到“按下-B”这样的一条指令的时候，首先按下键，然后在按下的时候，输入B，然后释放着两个键。
　　操作系统基础知识。本书假设你知道如何打开一个程序，在Web上冲浪和下载文件。你应该知道如何使用开始菜单（Windows）和Dock或Apple菜单（Macintosh），以及控制面板（Windows）或系统偏好设置（Mac OS X）。
　　如果你已经掌握了这些信息，就具备了阅读本书所需的所有技术背景。
关于这些箭头
　　在整本书中，如果你看到这样的一个句子“打开System→Library→Fonts文件夹”。这只是一条较长的指令的简写方式，这条指令告诉你依次打开3个嵌套的文件夹，例如，“在你的硬盘上，找到一个名为System的文件夹，打开它。在System目录窗口中有一个名为 Library的目录，双击它打开。在这个目录下还有一个叫做Fonts的目录，双击它打开”。
　　同样，这种箭头帮助我们简化了在菜单中选择命令的表达过程，如图I-2所示。

在线资源
　　本书设计用来让你能够在Web上更快、更专业地工作，那么，自然，本书的价值的很大一部分也依赖于网络。在网上，你可以找到示例文件，方便动手实验。你还可以与“The Missing Manual”团队交流并告诉我们你喜欢（或不喜欢）本书的哪些内容。请访问www.missingmanuals.com，或者直接进入后续的某一节。
生动示例
　　在你阅读本书的过程中，会遇到很多生动的示例——你可以直接照着做，用到的原始素材（例如，图像和完成一半的Web页面）可以从www.sawmac.com/js2e或www.missingmanuals.com/cds的本书Missing CD页面下载。在吊床上休息的时候，直接阅读这些示例你将获益匪浅；但是如果能够花时间在计算机上亲自尝试，你会发现专业设计师构建Web页面的方式，并产生异常深刻的认识。
　　你还会发现，在本书的教程中，有完成的页面的URL，你可以将自己的工作和最终的结果进行比较。换句话说，你不会只看到本书的页面中的JavaScript代码的图片，而且还会看到Internet上实际的、可以使用的Web页面。
注册
　　如果你在oreilly.com注册了本书，将得到相应的优惠，例如，购买本书的未来新版本的折扣。注册只需要几次鼠标单击。要开始注册，在浏览器中输入www.oreilly.com/register进入注册页面。
反馈
　　有问题？需要更多的信息？想要做一个图书评论者？在我们的反馈页面上，你可以得到专家对你在阅读本书时遇到的问题的解答，分享你对于“The Missing Manual”系列图书的看法，并找到和你一样对JavaScript和jQuery感兴趣的社群。访问www.missingmanuals.com/feedback就可以了。
勘误
　　为了努力让本书内容尽可能地保持及时和准确，每次印刷的时候，我们都对读者提出的勘误进行确认。我们还会注意在本书Web站点上进行修改，以便你可以将重要的更正在你的图书中进行标注（如果你愿意的话）。访问http://tinyurl.com/jsjqtmm以报告勘误，并且查看已有的勘误。