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。
(2)内部页搜索。
(3)MDN链接w3c
MDN大部分CSS属性存在“规范”一节,链接到 w3c官网。MDN侧重CSS属性的使用,w3c侧重讲解模型的设计与规范规则。MDN查询display属性,规范一节如下。
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/
描述新版本时,会提供旧版本的链接,w3c文档没有“SELECTORS-2”这种标记连接到CSS2,描述字样为“[CSS2.1]”。示例:selector4的描述指向。
https://www.w3.org/TR/selectors-4/
如果一个模块是在CSS3新建的模块,则版本号从1开始。
各个模块之间的版本号并没有先后顺序,例如Selector Level 3可能晚于Font Level 4。
4、w3c建议学习方法
高中英语水平即可通过翻译软件查看w3c英语原文,建议不懂的单词与句子对照看翻译,以理解英文原文为准。英语原文包含大量与代码相应的术语,而且大量英文术语只有微小差别,所以建议不单独看译文。
全球第1网站访问补录视频