1.5 MDN与w3c

原创声明。未经许可,不得转载,作者:小步教程。

1.5.1 MDN简介

MDN与w3c是两个最硬核的第一手CSS资料库。w3c发布CSS规范,由于是英文且过于术语化,初学者较难理解;MDN基于w3c编写易于理解与学习的技术资料,提供中文版。MDN由Mozilla组织开发,Mozilla由早期浏览器领先者网景公司创立,Mozilla公司开发有浏览器FireFox。零基础同学初学MDN时,因为缺少基础知识只能读懂很小一部分,学完本教程第2篇语法篇后希望能读懂大部分。主流开发工具VSCode与浏览器Chrome开发者工具都链接到MDN,MDN也包含到w3c的链接。

MDN中文站地址:https://developer.mozilla.org/zh-CN/


(1)首页搜索。例如,搜索关键字display。

img

(2)内部页搜索。

img

(3)MDN链接w3c

MDN大部分CSS属性存在“规范”一节,链接到 w3c官网。MDN侧重CSS属性的使用,w3c侧重讲解模型的设计与规范规则。MDN查询display属性,规范一节如下。

img


1.5.2 w3c简介

1、简介

如果希望更多更深入研究CSS设计原理建议阅读w3c英文原文。CSS规范在w3c官网发布,各浏览器厂商根据规范编写浏览器程序,可以理解w3c是浏览器程序的需求说明书与设计说明书。1989年,第一个web服务器与浏览器被开发,第一个网站与网页被开发,相关技术命名为www,即万维网。后来各大浏览器厂商加入,因为浏览器厂商不统一,万网发明者成立w3c组织,主要负责制定技术标准,各大浏览器厂商按照标准进行实现,保证浏览器厂商与开发人员遵守规范。html、css、javascript等前端技术规范的制定工作仍然在w3c继续。

w3c官网: https://www.w3.org/

CSS2规范目录:https://www.w3.org/TR/CSS2/

CSS规范目录:https://www.w3.org/TR/CSS/

全球第一个网站网页:http://info.cern.ch/

w3c推荐阅读内容见附录。


2、CSS整体版本号

CSS早期采用整体版本号,后期采用模块版本号。

CSS3的产生。早期CSS本身具有版本号:CSS1、CSS2两个版本,CSS2是比较成熟的版本。随着移动互联网发展推动浏览器与web技术的发展,产生CSS3版本。CSS3基于CSS2规范进行扩展,不与CSS2矛盾。本教程大多数内容属于CSS2。

没有CSS4;CSS3就是CSS。CSS3的3与HTML5的5,版本号意味相同,w3c规范对这个版本号持续升级,以后所有版本都是CSS3,不会再有CSS4,意味以后没有新版本号,CSS3即CSS。

规范发布目录的版本。CSS2规范发布目录https://www.w3.org/TR/CSS2,CSS3规范发布目录https://www.w3.org/TR/CSS,CSS(3)规范的很多内部内容链接到CSS2。技术学习角度而言,尽量淡化CSS3。


3、CSS模块版本号Module Level

虽然CSS规范后续没有新的整体版本号,但各个模块会有版本号、并不断升级。CSS规范划分为多个模块:选择器selector、盒子模型box model、字体font、颜色color、弹性盒子flex box、等。例如选择器selector模块,在CSS2已经定义,现在已有版本“SELECTORS-3”、“SELECTORS-4”,以后还可能出现5、6等。

示例

https://www.w3.org/TR/CSS/

img

描述新版本时,会提供旧版本的链接,w3c文档没有“SELECTORS-2”这种标记连接到CSS2,描述字样为“[CSS2.1]”。示例:selector4的描述指向。

https://www.w3.org/TR/selectors-4/

img

如果一个模块是在CSS3新建的模块,则版本号从1开始。

img

各个模块之间的版本号并没有先后顺序,例如Selector Level 3可能晚于Font Level 4。


4、w3c建议学习方法

高中英语水平即可通过翻译软件查看w3c英语原文,建议不懂的单词与句子对照看翻译,以理解英文原文为准。英语原文包含大量与代码相应的术语,而且大量英文术语只有微小差别,所以建议不单独看译文。


全球第1网站访问补录视频