第3章初探CSS3.PDFVIP

第 3 章 初探 CSS 3 Web 世界的五彩缤纷，离不开CSS 这门样式语言。会说CSS 的人，如同画家一般， 挥笔舞墨之间，小鸡变凤凰。会CSS 3 的人，就如同有了108 色水彩组合套装，可以尽情 嘲笑那些只拥有12 色的软包装水彩笔的小朋友，并给自己的凤凰点上金光闪闪的羽鳞。 3.1 关于CSS 的那件小事 本书稍前的章节已经无数次地强调，HTML 标签被设计用来定义文档内容，文档如何 展现则由用户代理（浏览器）来完成——这都是为了响应Web 标准化的口号：分离、分离！ 文档、样式与行为的不断分离！CSS 语言本身的设计目标也不外乎此。 20 世纪90 年代初HTML 刚被发明的时候，样式表（stylesheet ）就以各种各样的形式 出现了，不同浏览器提供了他们各自的样式语言，终端用户可以自己撰写这些样式语言来 改变浏览器中文档的最终外观（什么？上个网还要学一门语言？）。不过用户始终是最懒惰 的，编写HTML 文档的作者（开发者）逐渐承担起了文档显示的重任，而且，文档作者也 应该对自己文档的展现负责。当年的两大浏览器（IENetscape ）为了争取更多的用户和开 发者也不断提供各种各样能改变表现层的标签和属性（比如font 标签和bgcolor 属性等）， 这一度导致了诸多混乱，创建内容清晰独立于表现层的文档变得十分困难。为了解决这一 问题，伟大的标准组织W3C 再次挺身而出，指着IE 和Netscape 的鼻子说，你们俩能不能 消停消停？看我弄个样式语言给你们！于是——CSS 诞生了。 当然了，CSS 诞生绝非一日之功。关于CSS 的最早的建议，是1994 年由哈肯·维姆·莱 （Håkon Wium Lie ，此君来自挪威的森林，现任Opera 的CTO ）在芝加哥的一次会议提出， 当时他还在与李爵士在CERN （欧洲核子研究组织）一起工作（瞧瞧这帮大牛！），与此同 时，伯特·波斯（Bert Bos ）正在设计一个叫做Argo 的浏览器，于是两个人决定一起合作 设计CSS，并作为W3C 组织CSS 相关项目的技术负责人，最终推动CSS 成为W3C 的推 荐标准。 通常，样式表语言的使用者有三种：读者（也就是用户）、作者（开发者）和用户代 理（浏览器），如何很好的照顾这三者的需求却是一个难点。在CSS 发明之初，有一些样 式表语言已经存在或者有人建议了，比如Netscape 曾向W3C 提出的JSSS（JavaScript-Based Style Sheets ）标准： with(tags) { contextual(UL, LI).color = red; contextual(UL, UL, LI).color = blue; } ids.z098y.letterSpacing = 0.3em 第3 章 初探CSS 3 classes.foo.H1.color = red tags.EM.color = red; / red, really red!! / * * tags.B.color = blue; // blue, really blue contextual(tags.DIV, tags.P).color = green; contextual(classes.reddish.all, tags.H1).color = red; contextual(ids.x78y, tags.CODE).background = blue; JSSS 采用了JavaScript 的语法来撰写样式，对于很多用户而言，是很不友好的——只 想改改字体，却要学习 JavaScript ？这可不理想。同期的样式表语言还有 James Clark 的 DSSSL ，Robert Raisch 的Stylesheets for HTML 等，它们无一例外地被历史的洪流所淘汰了。 CSS （Cascading Style Sheets 的缩写，即层叠样式表）是第一个提出“层叠”概念的 样式表语言。所谓层叠，就是一个文件的样式可以从其他样式表中继承下来