W3C 一直致力于标准化级联样式表。今年年底将创建一个新的快照，其中包含今年制定的所有标准。
成为 CSS 标准的道路还很长。它从编辑草稿开始，通过 LCWD 到工作草稿，然后从 PR 到 REC。一些标准成为 CSS 的官方部分，一些被丢弃。
今天，我们将深入了解 W3C 团队的工作，看看他们在做什么。请注意，这些规范中的大多数都处于 WD 状态，这意味着它们将来可能会成为标准，也可能不会成为标准。他们中的大多数处于“探索”状态。今天我将告诉你 W3C 如何使用处于工作草案状态的新标准来简化编写智能时钟应用程序：
CSS 圆形显示 1 级
智能时钟有时带有老式圆形显示屏。但是，它会在样式方面造成一些麻烦。具体来说，您可能很难识别屏幕是矩形还是圆形。然后，您的设计可能会中断，如草稿中的此图所示：
image.png
Hyojin Song、Jihye Hong 和 SoonBo Han 编辑的规范提供了一种根据屏幕形状应用 CSS 样式的新方法：
<head>
<link media="screen and (shape: rect)" rel="stylesheet" href="rectangle.css" />
<link media="screen and (shape: round)" rel="stylesheet" href= "round.css" />
</head>
另一个问题是如何处理内容，当它不适合圆形屏幕时。在这里，建议的解决方案是使用 viewport-fit 来选择处理未微调内容的通用方式：
image.png
对我来说，最有趣的特性是shape-inside属性。如果它被实现，浏览器将流动内容以适应圆形屏幕：
image.png
我不知道在浏览器中编写代码需要多少努力，但结果值得付出努力。
该规范可以为网页和应用程序开辟一个新领域。能够编写针对智能时钟进行微调的应用程序将改变游戏规则。
查看源规范以获取更多详细信息。
你怎么看待这件事？您想为智能时钟编写页面和应用程序吗？
有关 CSS 学习的更深入的文章，请关注、分享和喜欢文章！
网友评论