W3C中国

W3C技术资料: 理解CSS规范

就算你不是一名计算机科学系的学生,甚至不用满十八岁或拿到学士学位,都可以读懂 W3C 的 CSS 文档,前提是你得乐于钻研,能耐下心,以及注重细节。

另外记住,规范并不是手册,如果你找到了一些文法或相关理解层面上的错误,欢迎指正。

从零开始

J. David Eisenberg 之前有为网页设计人员写过一篇《如何阅读 W3C 标准》,大家不妨看看这篇为初学者准备的文章。

如果在此之前你完全不懂 CSS,建议先去网上搜阅资料了解一下,比如可以以 W3C 为初学者准备的 CSS 2.1 入门指南 作为参考。但如果你想要更全面的了解 CSS,建议买本学习指南仔细阅读;记住,重点在理解 CSS 的基础上,而不是更多想着表面上的设计。找款文本编辑器,用所学的知识写个简单的网页,了解选择器权重(selector specificity)和外边距合并(margin collapsing),或者尝试加上这段 { border: 1px dashed gray; } 代码到你的网页中以勾勒出一个盒模型(box model)。至此,只有读懂基础知识才能全面的理解规范。

基础

理解 CSS 规范需要从「上下文(context)」、「语汇(vocabulary)」和「基础概念」开始,如果希望能够读透这些规范,你必须完全理解以下几个部分:

1. 首先,通过阅读最新的「CSS Snapshot」来初步了解现有的规范是怎样的情况,另外还可以看看「CSS 设计原理」这一小节;

2. 阅读 CSS 2.1 中的 第一章,当中解释了所有的 CSS 规范是如何整理的;

3. 阅读 CSS 2.1 中的 3.1 小节(规范是如何定义的),了解 CSS 规范中常用的词汇;

4. 仔细的阅读 CSS 2.1 中的以下几部分,因为其中的规章和概念能够向你详细解释 CSS 规范的实现意义: 

  -「指配属性值,层叠与继承」第六章,特别是其中的6.16.2 小节;

  -「盒尺寸」8.1 小节;

  -「可视化格式模型」9.1 小节;

  -「控制框生成」9.2 小节;

  -「定位方案」9.3 小节(副标题的内容);

  -「包含块的定义」10.1 小节;


在阅读规范的过程中,你可能会需要来回参考不同的文段来理解标准中某些字句相当晦涩的部分。

 

一些重要的细节

有些像 CSS 2.1 的 CSS 规范是有勘误表的,也就是在规范发布后才作出的纠正。当你在尝试解释规范中的某些定义时,一定要确保你看过了勘误表。虽然这些勘误并没有即时的放进规范正文中,但是这些纠正对规范至关重要,大家可以在每份规范的顶部找到勘误页面的链接。


加深理解

参与到编写规范工作本身是加深对其理解最好的方法(包括规范和规范所诠释的技术),尝试写一些测试案例,用你的代码解释为什么规范要这样写,如何起作用;或是加入 W3C 的 QA (Quality Assurance) 计划,从 CSS 社区中(比如文章作者、实现者以及规范作者)收获许多。重要的是,大家都可以通过编写/改进和对比不同的测试案例,以及回答有关测试案例的规范问题来学习并且向规范进行贡献。

» W3C CSS 一致性测试套件

W3C 在为 CSS 规范维护官方的一致性测试套件

» Mozilla 项目组

Mozilla 项目组维护着其 Gecko 页面排版引擎,即 Firefox、Netscape、Seamonkey、Camino、Flock 和诸多桌面浏览器的核心。

» WebKit 项目组

Webkit 项目组维护着其 WebKit 页面排版引擎,即 Safari、Omniweb、iCab 和诸多桌面浏览器的核心。

»  KDE 项目组

KDE 项目组维护着其 KHTML 页面排版引擎,即 Konqueror 桌面浏览器的核心,也是 WebKit 引擎的原始代码奠基。


提问

如果你已经细读过规范,但还有些不明白的地方,可以发送问题至 www-style 邮件列表(需要先订阅)向 CSS 专家们请教。

致谢:本文原载自 http://jsfiddle.net/2Pk6W/embedded/result/,感谢HTML5中文兴趣小组Jingtao Tommy Liu的翻译,及对本站转载的授权。

W3C年度技术大会及顾问委员会会议(TPAC 2013)在深圳开幕

TPAC Shenzhen 2013

2013年11月11日,由腾讯独家赞助W3C年度技术大会及顾问委员会会议(W3C Technical Planery & Advisory Committee Meeting, TPAC 2013)今天在深圳市五洲宾馆拉开帷幕。欢迎您通过新浪微博(#W3C TPAC#)参与话题讨论。
 

TPAC是W3C的年度重要技术会议之一,仅对W3C会员和特邀专家开放。11月13日的技术日(Plenary Day)将向公众开放,分组讨论与W3C未来技术相关的话题。截至目前,大会已经有超过460人注册,参会者将共同协调未来开放Web平台的技术方向,讨论W3C的组织策略。TPAC期间将举行各个工作组会议(Working Group Meetings)、顾问委员会会议(Advisory Committee Meeting)等会议。
 

此次TPAC将于11月11日举行中国信息无障碍产品联盟暨W3C中国信息无障碍社区组(W3C Chinese Accessibility Community Group)成立仪式。这是中国会员在W3C框架下发起的第一个社区组。此外,11月14日将举行W3C HTML5中文兴趣小组(W3C HTML5 Chinese Interest Group)会议,敬请关注。
 

这是TPAC第一次来到亚洲,W3C各工作组和顾问委员会成员将会全程参加。 我们希望国内相关产业界关注并积极参与此次会议,并在新兴的Web技术,如HTML5及其扩展标准、Web应用性能(Web Application Performance)、系统应用(System Applications)、Web与汽车(Web & Automotive)、Web与智能电视(Web & TV)、移动万维网(Mobile Web)、Web数据(Data on the Web)、数字出版(Digital Publishing)、在线支付(Online Payment)、Web标准测试(Testing the Web Forward)等领域携手合作,积极反馈中国ICT行业对Web标准技术的需求,加强我国Web相关行业在技术标准领域竞争中的话语权,共同推动下一代万维网的发展。
 

TPAC 2013的日程请参阅TPAC 2013主页。 关于此次TPAC的会议总结,请参阅W3C Blog文章中文英文)。 

W3C创始人Tim Berners Lee、信息无障碍领域负责人Judy Brewer受邀出席腾讯WE大会

Tim at WE SummitJudy at WE Summit

11月10日消息,由腾讯举办的WE大会今日在深圳召开,来自全球各地的15位互联网和科技领域重量级嘉宾在会上发表了精彩演讲,分享了关于未来高科技发展方向的最前沿观点和思考。W3C创始人Tim Berners Lee爵士、W3C信息无障碍技术领域(WAI Initiative)技术负责人Judy Brewer女士受邀出席大会并发表精彩演讲。
 

W3C创始人Tim Berners-Lee发表题为“什么是网络的自由和开放”的演讲。他表示,对于“free”的理解,有人更看中的是 “自由”,有人更看中的是 “免费”,但毫无疑问,我们更需要自由。具体来说,为了塑造更自由的互联网,可以从开放的网络(Open Web)、开放的数据(Open Data)、开放源码(Open Source),及开放访问权(Open Access)等角度理解。他呼吁万维网及互联网的建立和治理均应符合公共利益的要求,通过构建包括各国政府在内的全球多利益主体互联网的合作机制,建立各方可平等参与的开放互联网平台。这里可参阅Tim的演讲实录
 

W3C信息无障碍技术领域(WAI Initiative)技术负责人Judy Brewer女士发表了题为“让残障人士用上网络”的演讲,就如何让残障人士用上网络发表了自己的看法。她表示,应该让网络为每个人更好地服务,并且为各种通信信息的普及奠定基础。这里可参阅Judy的演讲实录
 

更多关于腾讯WE大会的演讲实况,请参阅该活动主页:腾讯WE 为未来而来

 

W3C创始人Tim Berners Lee爵士受聘北航名誉教授 做客北航大讲堂

2013年11月8日下午,万维网之父Tim Berners-Lee爵士做客“北航大讲堂”,在北航晨兴音乐厅为做了题为“The Many Meanings of "Open"”的专题讲座。讲座由W3C北航总部北航计算机学院北航校团委共同主办,w3tech技术社区协办。来自北京航空航天大学、北京大学、北京师范大学、北京邮电大学、北京科技大学等高校的师生、W3C中国区会员代表及中国Web开发社区代表共1000余人参加了此次活动。
 

讲座中,Tim Berners-Lee爵士结合万维网近25年的发展历史,以及他所领导的W3C在推进服务于全人类的开放万维网平台(Open Web Platform)的具体实践,解析开放标准、开放数据、开放源码、开放平台的核心价值。他指出一个开放、公平的万维网的核心网络的中立性,即任何人都能够在万维网上发布内容,而不受技术、语言、字符集以及文化等因素的限制。而这一过程的实现,一方面需要万维网标准的制定过程遵从开放的、广泛参与和基于多数共识的基本原则,另一方面,需要通过HTML5、CSS、SVG等开放标准建立开放Web平台,探索那些能够在创作者和消费者的权益之间取得平衡的Web技术,从总体上降低Web相关技术领域的封闭性,增强Web在不同平台上的互操作性,并通过开放源码推进这一平台的持续演进。Tim还指出,万维网正在向一个数据的网络演进,Web的用户不仅可以获得经过加工的信息,同时也应能获得对原始数据的访问。Tim呼吁各国政府加入到开放数据的全球浪潮之中,积极支持旨在促进纳税人资助的学术研究成果的开放访问(Open Access)运动,并在数据开放的过程中重视个人数据的保护。
 

在报告的最后,Tim指出开放万维网的基础是开放的互联网和网络的中立性,他呼吁万维网及互联网的建立和治理均应符合公共利益的要求,通过构建包括各国政府在内的全球多利益主体互联网的合作机制,建立各方可平等参与的开放互联网平台。
 

更多信息,请参阅北航新闻网相关报道:万维网之父Tim Berners-Lee爵士受聘我校名誉教授并做客北航大讲堂,及W3C相关活动通知

 

Tim Berners Lee将于11月8日在北航举行报告会 欢迎在线报名

tbl

2013年10月31日消息:W3C欢迎会员单位及广大关心Web技术标准的技术专家、开发者社区及教师、学生共同参加2013年11月8日下午15:00在北京航空航天大学举行的【北航大讲堂】活动。 W3C创始人Tim Berners-Lee将和大家分享题为“开放的多种含义(The Many Meanings of 'Open')”的主题演讲。欢迎您在线报名参加。

蒂姆.伯纳斯.李(Tim Berners-Lee)爵士1955年出生于英国,他是万维网的发明者,英王功绩勋章(OM)获得者,不列颠帝国勋章(OBE)获得者,英国皇家学会会员,英国皇家工程师学会会员,美国国家科学院院士。1989年3月他正式提出万维网的设想,1990年12月25日,Tim Berners-Lee在日内瓦的欧洲粒子物理实验室(CERN)开发出了世界上第一个网页浏览器。他是国际权威万维网标准制定机构万维网联盟(World Wide Web Consortium,W3C)的创始人,并获得世界多国授予的多项荣誉。他最杰出的成就,是免费把万维网的构想推广到全世界,让万维网科技获得迅速的发展,深深改变了人类的生活面貌。 

时间: 2013年11月8日(星期五) 15:00-16:30

地点:北京市海淀区学院路37号 北京航空航天大学 晨兴音乐厅 (学院路上北航东南门进校园后,向西直走200米即到)

主办方:北京航空航天大学

承办方:W3C北航计算机学院、北京航空航天大学校团委

合作伙伴:W3Ctech

报名方式:请点击如下链接报名,报名成功后,您会收到一封邀请函,请根据邀请函的信息在会场门口领取北航晨星音乐厅门票。

在线报名网址:http://w3ctech.com/zt/timhttp://www.w3ctech.com/event/31 

SK电讯成为W3C的企业会员

sktelcom

2013年10月,韩国最大的移动通讯运营商SK电讯(SK Telecom)正式成为W3C的企业会员。SK电讯是韩国最大的移动通讯运营商,2008年拥有50.5%的市场份额,其母公司为韩国SK集团。截至目前,W3C已在全球拥有384家会员(查看W3C会员列表,及中国会员列表)。

欢迎您以组织为单位加入W3C,推动Web技术的发展,并与产业界和学术研究的领先组织交换意见。   

W3C更新验证器套件的服务价格

W3C近期更新了W3C验证器套件(W3C Validator Suite)的服务价格。新的服务价格体系采用购买点卡(credit)的方式,每个点可以验证一个页面(一个HTML文件及与其相关联的所有CSS文件),且不局限于一个站点。W3C提供了四种点卡(credit)套餐,满足不同类型的站点验证需求。此外,W3C会员还可享受更优惠的服务价格。具体信息,请参阅W3C验证器套件的定价说明页面。

欢迎您免费注册W3C的验证器套件服务。新注册的用户可立即获得20个页面的免费验证服务机会!

W3C验证器套件是2013年9月W3C发布的一组在线验证工具,可帮助提升Web页面的质量。通过验证器套件,开发者可以更轻松地为其开发的Web站点进行HTML、CSS、国际化(I18n)等方面的标准符合性检查。W3C的验证器套件服务将扫描全站,并提供可定制的、集成化的检测报告。

更多信息,请参阅 W3C Blog: W3C introduces new plan and pricing for Validator Suite

更多W3C验证器信息,请参阅W3C验证器发布新闻页,及W3C验证服务。 

上海鸿窗网络加入W3C 参与电子支付系统标准研发

2013年9月,上海鸿窗网络技术服务有限公司(Shanghai Hongchuang Web Technology Services Co., Ltd)正式加入W3C,将与W3C一起,致力于建立国际通行的电子支付系统标准。

随着中国IT技术的发展,W3C中国会员从2011年起进入快速增长过程。截至目前,W3C已在全球有383家会员,中国会员达30家,其中,中国大陆地区会员26家,港澳台地区会员有4家。更多中国区会员信息,请参阅W3C中国会员。 

W3C Blog: SSL Europa加入W3C 参与提升Web安全

W3C的Bernard Gidon 9月20日发表官方文章,欢迎服务器及移动安全解决方案供应商SSL Europa加入W3C。SSL Europa的目标是建立面向移动设备(平板电脑及智能手机等)的数据隐私保护及安全数据传输解决方案。

更多信息,请参阅博客文章 W3C Blog: SSL Europa joins W3C to promote a more secure Web

更多关于W3C官方博客的信息,请参阅W3C官方博客新闻页

欢迎您使用W3C官方微博W3C中国网站参与互动讨论。

W3C Blog: Test the Web Forward上海站活动圆满结束,深圳站活动将于11月举行

test the web forward

W3CAdobe联合发起,百度独家承办的Test The Web Forward(上海站)活动2013817-18日在上海博雅酒店成功举行。这是该系列活动继北京站之后第二次在中国举办,测试规范包括HTML5 File APIHTML5 Drag and Drop APIIndexedDBCSS TransformsCSS Grid Layout,以及CSS Backgrounds and Borders等。

本次极限编程为期两天,共计630多名工程师报名,其中350多位参与了现场活动。活动的第一天主要内容为培训,百度技术委员会理事长陈尚义和参会者分享了百度在Web标准方面的参与经验;W3C HTML工作组主席 Paul Cotton先生为参会者介绍了HTML5标准制定工作的最新进展、热点话题及参与机会;中国科学院声学研究所研究员、工业信息化部通信科技委委员侯自强教授和大家分享了“Web App的过去和未来”;来自AdobeBaiduIntel的多位工程师向大家详细介绍了相关测试规范的阅读技巧、测试案例编写及提交流程。在第二天的极限编程活动中,百度、IntelAdobe、阿里巴巴、遨游、百姓网、UCWeb30多名HTML5CSS专家为参加编程的工程师提供了手把手的帮助和指导,获得参会者的一致好评。在此向所有派出评审专家支持本次活动的公司表示衷心的感谢

截止818日晚7点活动正式结束之时,本次极限编程共计提交了1003个测试用例35个浏览器缺陷,为目前该系列活动中提交数量最多的一届。

Test The Web Forward极限编程下一站将前往深圳,活动计划日期为2013119日,在深圳五洲宾馆与W3C技术大会及顾问委员会会议(TPAC20131111-15日)联合举行。欢迎希望参与深圳站活动的会员单位联系我们

Test the Web Forward 是由AdobeW3C联合发起,与行业伙伴共同举办的围绕标准测试用例的极限编程活动,已在美国旧金山、中国北京、法国巴黎、美国西雅图、澳大利亚悉尼,以及日本东京成功举办过多届。活动目的是通过现场指导及培训,帮助更多的开发人员增强标准文档的阅读能力,通过编程实战学习新的Web功能,了解如何编写W3C测试用例并向W3C提交错误报告,从而让关注Web标准的开发者直接参与到Web平台的贡献中去,最终促进所测试的标准在所有浏览器的一致体验。

自2012年6月启动以来,Test the Web Forward活动已经在美国旧金山、中国北京、法国巴黎、澳大利亚悉尼、美国西雅图、日本东京、中国上海等全球主要城市成功举办多届,主要围绕行业密切关注的HTML、CSS、SVG等标准进行测试。逐渐成为Web标准测试方面的重量级活动之一。2012年10月20-21日,W3C中国联合Adobe共同组织了Test the Web Forward北京站的活动。

关于Test the Web Forward上海站的详情(英文版),请参阅W3C Blog: Event Report: Test The Web Forward Shanghai

更多关于W3C官方博客的信息,请参阅W3C官方博客新闻页。  

Test the Web Forward上海站活动(8月17-18日)成功举办

test-the-web-forward

由W3C和Adobe联合主办,W3C会员单位百度独家承办的Test the Web Forward上海站活动于2013年8月17-18日在上海浦东张江博雅酒店举行。这是W3C中国第二次组织Test the Web Forward全球系列活动。活动日程已于7月15日上线公布并接受在线注册,请参阅Test the Web Forward上海站的详细日程。Test the Web Forward对参加者免费。


W3C HTML5工作组的联合主席Paul Cotton将做主题报告,邀请的专家包括百度的副总裁Alex Zheng,创新谷的联合创始人许宏波。来自百度、Adobe、Intel、阿里巴巴和Mozilla的专家将和开发者一起编写和提交HTML5和CSS相关的测试用例。 我们欢迎这些具有经验的专家对整个社区的支持。

更多信息,请参阅 W3C Blog: Test the Web Forward Shanghai上海站活动主页,及上海站活动总结W3C Blog: Test the Web Forward上海站活动圆满结束,深圳站活动将于11月9日举行。 

 

Test the Web Forward 是由Adobe发起,W3C联合行业伙伴共同举办的围绕标准测试用例的极限编程活动,目的是通过现场指导及培训,帮助更多的开发人员增强标准文档的阅读能力,通过编程实战学习新的Web功能,了解如何编写W3C测试用例并向W3C提交错误报告,从而让关注Web标准的开发者直接参与到Web平台的贡献中去,最终促进所测试的标准在所有浏览器的一致体验。

自2012年6月启动以来,Test the Web Forward活动已经在美国旧金山、中国北京、法国巴黎、澳大利亚悉尼、美国西雅图以及日本东京等全球主要城市成功举办多届,主要围绕行业密切关注的HTML、CSS、SVG等标准进行测试。逐渐成为Web标准测试方面的重量级活动之一。

2012年10月20-21日,W3C中国联合Adobe共同组织了Test the Web Forward北京站的活动。今年将以HTML5标准作为测试重点 联合百度和腾讯组织该系列活动的上海站和深圳站活动。

站内搜索

万维网联盟(World Wide Web Consortium, W3C)是Web领域的国际标准化组织,致力开发开放Web标准确保Web的长期发展,实现“尽展Web无限潜能”的使命。

更多内容>>

近期活动

更多内容>>

W3Cx 开放课程

W3C技术标准

查看Web技术标准
- 所有标准
■ Web与产业融合 ■
- 汽车 | 数字出版 | Web与电信
- 娱乐与广播电视 | Web支付 | Web数据
- 物联万维网(WoT) | Web安全
■ Web For All ■
- Web无障碍 | 国际化 | 索引(A to Z)
■ 社区组与商务组 ■
- 所有社区组 | 新建社区组
■ 标准工作组 ■
- 所有标准小组 | 参与指南

更多内容>>

W3C标准翻译

欢迎您加入W3C翻译计划,了解W3C标准和文档翻译情况,帮助提供不同语言的W3C标准规范及文档的志愿者翻译及W3C授权翻译,惠及全球技术社区。

更多内容>>

贡献榜

我们通过贡献榜,感谢您积极参与W3C的标准制定及审阅工作、提供标准及技术文章的中文翻译、参与各类技术研讨会。

更多内容>>

W3C 中文开发者社区

W3C中国目前正在不断加大全球W3C工作的参与力度,并推动了一系列以了解中国行业需求、引导标准制定为主要目的的工作组(WG)、兴趣组(IG)和社区组(CG)。
Web中文兴趣组 | MiniApps工作组 | MiniApps生态社区组 | 弹幕特别任务组 | 中国信息无障碍社区组 | 中文数字出版社区组 | 数据可视化社区组 | 中文文字布局需求特别任务组

更多内容>>

会员链接

相关资源需要使用 W3C账号登录后使用

首页 | 加入工作组 | 申请W3C账号 | 最新会员消息

开发者资源

合作伙伴

  • 北京航空航天大学
  • 北航计算机学院
  • w3ctech