你知道为什么 CSS 要叫做 “层叠样式表” 吗?

作为一名切图大师,不知道有没有像我一样没事的时候喜欢想一些有的没有。之前,我就非常好奇为什么设置页面样式的代码被称为 css代码?大家不觉得 "层叠样式表" 这个名字听起来非常的诡异吗?

最近,偶然的机会解开了谜底。这还要从一个前端技术的发展史中一个被人们津津乐道的故事开始说起。

而在这个故事背后,蕴藏了更加深刻的道理,就让本文带你来看这个关于 css 的命名的小故事,以及这个事件背后持有不同意见的开发者之间的的冲突、讨论和最终的妥协。

故事背景

1994年,世界上第一个网站出现仅仅三年后,Web界的领袖们意识到,为了Web的长远发展,必须引入一种机制来控制网页的外观和布局。当时的网页设计几乎全靠HTML完成,这导致了结构与表现混在一起的混乱局面。于是,W3CWorld Wide Web Consortium,万维网联盟)启动了一个项目,目的是创建一种新的网页样式语言。然而,在这个项目的早期,就出现了一个问题:这种新语言应该叫什么名字?

冲突的双方

W3C内部,对于这门新技术的命名,有两派截然不同的观点。

一方面,由Håkon Wium Lie领导的团队认为,新语言的核心特性在于"层叠"(Cascading),因为这种机制允许多个样式表按照一定的优先级规则一起工作,这是之前的技术所不具备的。

另一方面,Bert Bos所在的团队则认为,"样式"(Style)才是这门语言的灵魂,因为它的主要目的是为了改善Web的视觉表现。他们主张这门语言应该突出"样式"的概念。

折中

为了解决这一分歧,W3C组织了多轮讨论和会议。这些讨论充满了激烈的辩论,每一方都试图说服对方接受自己的观点。然而,随着时间的推移,大家开始意识到,这两个方面都是这门新语言不可或缺的组成部分。

经过长时间的讨论和反复的权衡,双方最终达成了一致。他们决定将这两个概念合并起来,命名为"Cascading Style Sheets",简称CSS。这个名字不仅涵盖了"层叠"的独特特性,也包含了"样式"的核心概念,完美地反映了这门新语言的设计初衷。

启示

CSS的命名故事给我们的启示是,在面对分歧和冲突时,通过开放的讨论和相互理解,我们可以找到双赢的解决方案。在技术的世界里,不同的观点和想法是推动进步的动力。通过合理的妥协和整合,我们能够创造出更加完善和强大的技术。

此外,CSS的成功也提醒我们,好的技术设计需要综合考虑多方面的因素。CSS之所以能够成为前端开发不可或缺的工具,正是因为它既考虑了样式的灵活定义,也兼顾了样式规则的层叠和继承机制,从而提供了强大而灵活的样式控制能力。

在日常的开发实践中,我们应当鼓励团队内部的讨论和交流,尊重不同的意见和观点,通过合作和创新,共同推动项目和技术向前发展。

相关推荐
可视之道4 小时前
CSS Container Queries 在组态大屏中的实战
css
雪碧聊技术1 天前
Vue + Element Plus 实现文本溢出显示省略号及悬浮提示
前端·javascript·css·vue.js·文本溢出省略
小妖6661 天前
设置了 box-sizing: border-box; 不管用,下边框还是被挤压没了
前端·css·html
柚yuzumi1 天前
CSS 定位布局:让元素各就各位
前端·css
用户059540174461 天前
Qdrant 召回不一致踩坑实录:跑了 300 次测试才发现是索引没刷新
前端·css
用户059540174462 天前
AI Agent 上下文污染踩坑实录:用 pytest + Redis 揪出 3 类记忆串号 bug,排查 6 小时
前端·css
—Qeyser2 天前
html 可视化海报模板编辑器
css·html·js
我命由我123453 天前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
FFF_634560233 天前
简单的画板小工具,下载即用
前端·javascript·css
绝世唐门三哥3 天前
CSS 虚线下划线用法指南:text-decoration 完整解析
前端·javascript·css