前 言 当Tim Berners-Lee首次提出World Wide Web（万维网）时，只是有了一种方法用于创建至其他文档（包括远程计算机上的文档）的超文本链接，以及使用基本的格式化手段组合文本和图像，不过这在我们今天看来仍是一些革新性的概念。 但慢慢地，Web开发人员开始习惯于HTML 1所提供的那20个元素，于是他们在该语言的每个新规范中添加越来越多的功能。幸运的是，推动其发展的人们早就意识到如果不明智地处理语言的扩展，最终将会得到难处理的、混乱的Web页面。因此决定在规范中包括CSS，这样Web页面的内容可完全与设计和布局分开。 由于这个原因，随着时间的推移，像<font>标记中color= blue 这样的HTML参数被弃用，而采用style= color:blue; 这样的语法。事实上，即使这种用法仍不为Web开发纯化论者所赞同，因为它还是混合了设计和内容。为了完全将两者分开，可将所有样式嵌在文档的<head>部分的<style>…</style>标记对中，这有助于将文档的所有样式放在一个地方，同时使它们仍为文档的一部分。 如果需要两个单独的样式（例如一个用于在浏览器中显示页面；另一个以适合打印的方式进行布局），该怎么办？解决方法是将所有样式设置移到外部样式表（可在需要时导入的文档）。 如今，尽管所有较老的和弃用的功能仍可用（但还能用多久是个未知数），大部分好的网站都将内容和样式放入单独的文件中。只需通过加载一个不同的样式表，整个文档（或甚至是整个网站）就会得到一个全新的外观。事实上，这个系统是很灵活的，甚至可以创建样式表，然后通过语音合成器、盲文打字机或盲人阅读器输出Web页面。 在当下这个充斥着各种浏览器功能和屏幕尺寸的时代，CSS变得比以往更为重要，因为现在可为iPhone、iPad、Android设备、PC和Mac等创建不同的样式表。只需在一开始加载相关的样式表，然后Web页面将会在所有平台上以最佳状态显示。 不只是样式 CSS不只是一种改变文档样式的方法，它还包括动态功能。例如，使用hover伪类，可在鼠标悬停在元素上时改变其外观。 所有浏览器都有其自己的样式属性，通过添加像淡入淡出元素或动画等效果来扩展CSS。唯一问题是它们对于每个浏览器（或呈现引擎）来说是唯一的。 不过，通过为每个浏览器正确指定CSS，可以为支持的浏览器提供引人注目的效果（在不支持的浏览器上也能降级为标准功能）。 本书内容 本书提供了100个现成的CSS类和类组合，可直接将它们用于你的Web页面中。如果你不熟悉CSS，也不用担心自己将使用并不理解的插件，因为它们都有详细的文档说明，文档中清楚地介绍了它们的功能，一般还有关于如何进一步调整它们来满足你自己需求的提示。 本书对遇到的每个属性、类、伪类和CSS的其他各个方面都作了详细介绍。对于初学者，我们在介绍插件之前还提供了一个有关CSS的概括性的指导，解释了盒子模型和其他速成内容。 涵盖CSS 3、HTML和HTML 5 由于所有的现代浏览器都采用了CSS 3功能，因此本书也提供了这类插件以使用这一最新版本提供的功能，包括文本阴影和盒阴影、圆角边框甚至Web字体（从而可以摆脱Web这么多年来使用的那些旧的字体）等。 所有的插件都配有HTML例子和屏幕截图，演示如何在实际中使用它们。而且，一些插件演示了将CSS 3与新的HTML 5标准结合使用的方法，从而使Web页面更具交互性和动态性，帮助创建更一流的网站。 关于插件 本书中的插件是立即可用的，可以自己输入（如果没有接入Internet）、复制和粘贴或从（存储为。zip压缩文件）下载。 在访问该网站时，可一章章地导航插件，查看为了清楚起见而通过颜色突出显示的CSS，以及在下载它们之前直接在该网站上单击并测试这些插件。 包括什么和未包括什么 尽管本书的首要目的是为CSS新手提供一个可利用的全面的插件资源，但它还有另一个目的：帮助你提升到下一级，创建你自己的CSS工具箱。因此所有插件都有详细的文档说明和介绍，并且还提供了如何改进和扩展它们及如何使它们适合你自己的需求的建议。 本书不是设计手册也不是技术指南，笔者只是希望你通过阅读本书，可以快速获得许多开发人员经过多年积累而成的大量技巧，不知不觉就学到有关CSS的更多内容。 插件许可 你可以在你的项目中免费使用本书中的任何插件，也可在需要时修改它们。 但是，如果没有出版商的书面许可，不能以任何形式（不管是印刷形式还是电子形式）出售、转让或传播这些插件。 配套网站 本书的配套网站是及www.tupwk.com.cn/downpage，其中有100个插件及HTML示例文件供下载。 最好将该网站和本书配套使用。阅读某章时，也可在网站上访问该章，其中列出了带有语法着色的各个插件。这使得可以很容易地看出每个程序的结构。 也可以单击相应链接，将特定的插件复制并粘贴到你自己的样式表中。或者，可将所有插件下载到你的计算机中，然后从中选择你想使用的插件。
当前位置：首页
\ 网页设计与制作 \ HTML/CSS
