文章标签

在 CSS 中计算视窗大小

一种无需 JavaScript 即可计算视窗宽度和高度的方法，由 Temani Afif 在 CSS Tip 上提供。

@property --_w {
  syntax: '<length';
  inherits: true;
  initial-value: 100vw; 
}
@property --_h {
  syntax: '<length';
  inherits: true;

…

Geoff Graham 于 2024 年 7 月 17 日发布

几周前，当 CSS 工作组 (CSSWG) 决定在 CSS 值模块级别 5 规范中添加一个 if() 条件时，一些警钟敲响了。当天，Lea Verou 的 X 帖子也提到了…

Geoff Graham 于 2024 年 7 月 19 日发布

SVG 是网站上图标的最佳格式，毫无疑问。它允许您拥有无论屏幕像素密度如何都清晰的图标，您可以更改悬停时 SVG 的样式…

Louis Hoebregts 于 2022 年 9 月 28 日发布

渐变已经成为 CSS 频谱的一部分相当长一段时间了。我们在许多项目中看到了许多径向和线性渐变，但有一种类型的渐变似乎是…

Brecht De Ruyte 于 2022 年 9 月 19 日发布

我们可以非常轻松地在 CSS 中创建变量

:root {
  --scale: 1;
}

我们可以在任何元素上声明它们：…

Geoff Graham 于 2022 年 9 月 1 日发布

假设您有一个元素具有多分量 CSS 属性，例如 transform：可选自定义属性值

.el {
  transform: translate(100px) scale(1.5) skew(5deg);
}

现在假设您并不总是希望应用所有 transform 值，因此某些…

Yair Even Or 于 2022 年 2 月 14 日发布

您知道您可以获得完全平坦的纸板箱吗？您将它们折叠起来并用胶带粘起来，使它们成为一个实用的盒子。然后，当您需要回收它们时，您将它们切开，使其变得平坦…

Jhey Tompkins 于 2022 年 1 月 13 日发布

如果您有纪律并 *利用* CSS 级联提供的继承，您最终将编写 *更少* 的 CSS。但是由于我们的样式通常来自各种来源，并且可能很难构建和…

Mads Stoumann 于 2022 年 1 月 11 日发布

嗯！我并不知道 CSS 自定义属性对 !important 在其值中的工作方式有自己的解析行为。呃，尽管写了一份指南关于它们。😬 但嘿，现在它已经更新了。

Chris Coyier 于 2021 年 12 月 17 日发布