css权威指南第三版pdf高清完整版|百度网盘下载

2022-5-6

编辑评论：

您想在节省时间和精力的同时实现丰富而复杂的网页样式吗？本书向您展示了如何按照最新的 CSS 规范（CSS2 和 CSS2.1）将级联样式表的各个方面付诸实践。

CSS 第三版权威指南 pdf

简介

通过本书提供的许多示例，您将了解如何通过在一个地方创建样式表来创建或修改整个网站的外观，以及如何实现 HTML 无法实现的更丰富的表达方式。

高级 CSS 专家 Eric A. Meyer。凭借其独特的才智和丰富的经验，他对属性、标签、标签属性和实现进行了深入研究，并对浏览器支持和设计原则等实际问题有独到的见解。您所需要的只是 HTML 4.0 知识，以创建简洁且易于维护的网站布局和分页脚本，并具有桌面系统的美感和控制。在本书中，您将学到以下内容：

・以多种方式将样式应用于文本

・用户界面、表格布局、列表和生成的内容

・浮动定位的优缺点

·字体家族和回归方式

・盒子模型的工作原理

・IE7、Firefox 和其他浏览器支持的新 CSS3 选择器

最新版本的 CSS 权威指南已全面更新，涵盖了 Internet Explorer 7，详细介绍了各个 CSS 属性及其交互方式，并指导您如何避免一些常见错误。无论您是经验丰富的网络作者还是新手，您都可以将其作为信息丰富的 CSS 参考资料放在手边。埃里克·A·迈耶。作为国际公认的 HTML、CSS 和 Web 标准专家，他从 1993 年开始从事 Web 工作。他还是复杂螺旋咨询公司的创始人，其客户包括 AOL、Apple Computer、Wells Fargo 和 Macromedia 等知名公司。

关于作者

Eric A. Meyer 是国际公认的 HTML、CSS 和 Web 标准专家，Complex Spiral Consulting 的创始人，微格式运动的联合创始人，设计领域会议系列 An Event Apart 的创始人之一.他是本书前一版以及其他几本关于 CSS 和设计的书籍的作者。他的个人网站是 meyerweb.com。

Estelle Weyl 是一名开放网络布道者和社区工程师，自 1999 年以来一直在开发符合标准且可访问的网站。她在 standardista.com 上发布博客，其中的文章讨论了与前端相关的所有内容，包括 CSS3、HTML5、JavaScript 性能、可访问性和移动 Web 开发。她喜欢躺在家里的沙发上编码，她周游世界并在会议上发言。

前言

对于网页设计师来说，这是一个激动人心的时刻！互联网已经涵盖了几乎所有媒体有线电视、CD 和 DVD 已被 Hulu、Netflix、Pandora 和 Spotify 等点播在线服务所取代。当然，访问这些媒体的设备同样多样化。有传统的台式电脑、笔记本电脑，也有平板电脑、智能手机，甚至还有 60 英寸的大电视。

为了让所有这些设备和媒体顺利运行，有一套全新的技术标准：HTMLS、CSS3，而五年前，在撰写本书第二版时，一个僵化而复杂的 HIML基于 XHTML 的 XML 标准。由于 XHTMI 难以适应瞬息万变和飞速发展的互联网发展需求，Apple、Mozhi 和 Openg 共同成立了 Web 超文本应用技术工作组（WHATWG，Web Hypertext Application Technology Working Group），这个组织的目的是让W3C 提倡 XHTML 标准。废弃的 HIML4 又复活了。然后，我们看到了HIM5在涅槃重生。在过去的三年里，HTML5 迅速取代了 XHTML5，并在网页设计和开发领域获得了广泛的认可。

HTMLO5 为当今的多媒体互联网而生，因此它提供了一套完整的 API 来支持视频、音频、图形、地理定位、数据存储等。 HIML5 还为结构化文档（部分、文章、导航等）提供了许多新元素，而在此之前，几乎没有语义的 div 加上标识类名和 ID 已经接管了这些新元素的角色。但是替换不是永久的解决方案，它们限制了标记本身的语义和可移植性。

在 HML 标准从 HIML4 到 XHTML 再到 HM5 的过渡过程中，CSS3 得到了越来越多的浏览器的支持。作为一个网络美容工具箱，.CSS3 包含了很多建议。由于实际尺寸

太大了，所以分成很多模块，每个模块的制定由不同的团队负责。

经过漫长的等待，我们终于可以使用 CSS3 的新特性了，比如渐变、过渡、变换、阴影、圆角等等。但是，很多老版本浏览器的用户可能无法体验到这些新的“特效”。对于不完全支持 CS3 的浏览器，您可以使用 Modernize JavaScript 文件找出它们支持或不支持的功能。对于不支持的功能，可以写一些fallback代码（alternative code）或者使用putty脚本（模拟CSS3功能的JavaScript代码b。这里就不详细介绍了，看本书的附录。现在的互联网不仅变得“人多了” -friendly”，开发人员的生活比以前轻松多了。

现在就拿这本书。我花了数百个小时来编写和编码，无数个日日夜夜和无数杯咖啡。但我觉得我正在参加一个庆祝派对。因为后面的例子和代码。这本书实际上代表了当今Wb设计领域最前沿的成果，而这些成果一直是很多人一直期待的美好未来。曾经的梦想现在变成了现实。因此，感谢 Jeffrey Zeldman、Ian hicks 和许多我无法说出名字的人。正是他们的努力和坚持，才让网络标准化的梦想终于实现。这种感觉就像一个登山者一步一步艰难地往上走，突然有一天，他发现自己已经爬到了山顶。想一想，这是一个多么大的突破：以前写最简单的布局也要考虑到老版本的浏览器，还得花几页纸给读者解释“骗子”，但现在我省了笔墨，珍贵的纸；以前，要写阴影或圆角效果，我必须尽力组织复杂的图片和嵌套的DIV，但现在只需一行CS代码就可以完成；过去，一个精心编写的页面在不同的浏览器中往往看起来会有很大的不同，但现在所有新版本的浏览器都可以完整一致地呈现它。所以，这个新版本是面向未来的。我没有像在本书的前两版中那样告诉你如何解决浏览器不兼容问题，而是尝试关注 HIML5、CSS3 以及现代浏览器可以实现的新特性。 Internet Explorer 9. Firefox、Chrome、Safan 和 Opra（是的，它会自动更新）。这些浏览器的行为一致。而旧版浏览器（尤其是 IE8 及更低版本）的用户也在日益减少。至于如何为这些过时的家伙提供服务，请看附录。本书的大部分内容是关于当今和未来的 CSS。

内容摘录

CSS外部文件导入的两种方式是通过html页面上的link和src属性（注意空链接的陷阱！），第二种方式是通过CSS文件本身通过@import url()导入，虽然这两种方法都可以加载传入的CSS文件，但是link和@import还是有细微差别的。

隶属关系的区别

link 是一个 XHTML 标记，@import 正是 CSS 提供的一种方式。除了加载CSS，link标签还可以做很多其他的事情，比如定义RSS，定义rel连接属性等等。@import只能加载CSS。这里注意，当浏览器的链接src为空时，页面加载次数会增加。

@import 次数限制

传闻IE6下@import只能导入31次css文件，但在css文件中再次导入可以垂直扩展。断桥下雪还没有测试过，但如果出现这种情况，说明写代码的人也很变态。

加载顺序不同

页面加载时（即浏览器查看时），链接引用的css文件会同时加载，而@import引用的css会等到页面全部下载完毕后才加载加载。所以有时候在浏览@import加载CSS的页面时，一开始是没有样式的，然后突然出现样式，这在网速慢的时候还是比较明显的。 @import 和把css文件放到页尾的效果是一样的，但是如果我们有一些样式起始页没有出现，而是交互时出现的css样式，可以通过这个方法引入，时间是错开的。例如：ajax html、交互式弹出框、弹出div等

兼容性差异

因为@import是CSS2.1提出的，@import只能被IE5或以上版本识别，而link标签则没有这个问题（好像作用不大~）。

使用 DOM 控制样式的区别

使用javascript控制DOM（document.styleSheets）改变样式时，只能使用link标签，因为@import是DOM无法控制的。