本博文旨在介绍 Chrome 团队为何对在 CSS 网格布局规范中实现砌体有疑问，并确切阐明备选方案可实现的功能
只是因为这些东西都相当新，而且我感觉很多人都不知道这些东西。或者说，即使他们知道，也不甚了解，他们可能需要一个通俗易懂的解释，说明这是什么，为什么他们应该关心，以及一些参考代码。也许你就是这样的人。
让我们一步步来亲身体验一下，网络开发人员可以利用这个渴求已久的工具做些什么。事实证明，:has() 伪类不仅仅是一个 “父选择器”。在经历了几十年的死胡同之后，这个选择器能做的事情远不止这些。
通过 一个 Div 用 CSS 作画
在着色器程序和其他各种程序中，使用时间来制作动画非常常见。CSS 无法像 JavaScript 那样启动计时器，但现在可以通过 CSS Houdini API 定义一个自定义变量，以毫秒为单位跟踪时间。
我们所说的 “Masonry布局 “是什么意思？基本上就是下图中的模式–内容像砖块或石墙一样堆积在一起。这就是 “Masonry “名称的由来。它也经常被称为 “瀑布式布局”，比喻内容像瀑布一样从页面上流下。
CSS 动画背景不仅仅是华而不实的技巧。它们是网站心脏的律动，是隐藏在一行行代码中的创意低语。
CSS grid 网格布局模块附带了一个新的 CSS 单位，名为 fr 。fr 是 “分数(fraction) “一词的缩写，简单明了。有了这个新单尾，我们就可以快速将网格按比例分割成不同的列或行
探查 CSS 搜索框的编写的各种方法，探索各种代码示例，并在自己的项目中定制它们。
如果你要支持多分辨率显示，但希望每个人在屏幕上看到的图片的实际尺寸是相同的，你可以使用 srcset 结合 x 语法——一种更简单的语法——而不用 sizes，来让浏览器选择合适分辨率的图片。
CSS 网格布局模型（CSS Grid Layout Model）可以沿水平和垂直两条轴线创建和更新布局，同时影响元素的宽度和高度。
CSS Color 4 为 Web 提供了广色域色彩工具和功能：更多颜色、操作函数和更出色的渐变效果。
CSS 属性 aspect-ratio 为盒子规定了首选纵横比，这个纵横比可以用于计算 auto 尺寸以及其他布局函数。
将网页漂亮的打印到纸上的CSS
利用 CSS3 3D 变换和一些 Javascript 创建类似 3D 的云朵。
我们的工具必须帮助我们创造更好的用户体验。开发人员体验固然重要，但不能凌驾于用户体验之上。
CSS 选择器的一场革命，:has()高级使用指南
今年感觉情况完全相反。事实上，在休息期间，我听到有人抱怨现在 CSS 的特性太多了。
25个新特性
CSS的任何新特性从诞生到被浏览器普遍支持，要经历漫长的周期，而CSS Houdini开放了底层接口，让开发者直接接触、开发原生的CSS效果，实现更为复杂、流畅的效果和动画。
本文介绍点赞就等于学会了！如果本文对您有帮助，建议点赞收藏（点赞就等于学会了）Skeleton源码一共只有419行（加上注释和换行），非常适合用来学习。本文是根据我的学习过程来编写的，几乎每个章节都包
周日在家看 Web.dev 的 2020 三天 live，发现不少有意思的东西，其中有一项是关于 CSS 的，主播是 Una Kravets（chrome team 成员）。虽然我已经好几个月没有深入研究 CSS 的东西了，不过以前的底子还在。
CSS的重要性可见一斑
很形象的演示这个css作用
CSS的作用 《权利的游戏》剧照
应该还能用
【外评】谷歌：从源头消除内存安全漏洞
【外评】在 RiSC-V 上运行《巫师 3》游戏
【外评】法官驳回大部分 GitHub Copilot 版权索赔要求
谷歌内部推出 SQL 中的管道(Pipe)语法
你们干扰不了我写开源代码
【外评】FreeBSD 将 Rust 纳入基本系统
【外评】电脑从哪里获取时间？
【外评】为什么 Stack Overflow 正在消失？
有时
