Chrome88新发布的支持：aspect-ratio

Chrome 前两天发布了新版本：v88，一个挺吉利的版本。这个版本里有一个新支持的CSS特性值得开发者关注一下，那就是aspect-ratio。 aspect-ratio 之前在CSS中就存在，只不过是被当做媒体查询属性使用的。通过区分不同设备的宽高比来应用一些特殊的样式，如...

今天你可以用CSS做这些事

CSS近些年来有了很快的变革和发展，很多新特性可以让前端页面实现非常丰富且流量的交互，很大程度上提升了前端页面的体验。 作者在文中介绍了多个现代CSS中非常好用且强大的CSS功能，如砖型布局、:is选择器、clam()、ch和ex单位、最新的文本装饰和一些好用的CSS属性。 这些...

如何使用 Web 蓝牙 API

几周前，我偶然发现了一个我以前不知道存在的浏览器 API；那就是 Web 蓝牙 API。看起来它已经在开发中有 7 年以上的时间了，我很高兴大多数浏览器现在都支持它。我非常喜欢“一次构建，到处运行”的理念，这也是 Web 蓝牙令人兴奋的原因之一。您无需为 Android、iOS、...

学习这些视口相关的 CSS 单位（100vh、100dvh、100lvh、100svh）

在本教程中，我们将讨论使用经典的 100vh 单位创建全屏部分时面临的挑战，并讨论一些出色的替代 CSS 单位。 英雄或全屏部分是 UI 设计的重要组成部分。它们存在于不同类型的网站中，从登陆页面到作品集网站，旨在在首次吸引访客的注意力。英雄部分的常见组成部分包括幻灯片、图片、视...

什么是“实用优先”的 CSS？

在你充分理解 CSS 之前，你实际上无法真正理解“实用优先”的 CSS，因此本文主要将讨论 CSS。然而，矛盾的是，你对 CSS 的了解越深，你对“实用优先”的 CSS 的欣赏可能就越少。你可能会开始质疑为什么它应该存在。你甚至可能会开始质疑为什么 你 存在。 我会尽力解释。 在...