跳到主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
calc

13篇文章
{
,

}
文章的直接链接 DRY 状态切换使用 CSS 变量:回退和无效值
calc css 变量 自定义属性 技巧

DRY 状态切换使用 CSS 变量:回退和无效值

这是关于 CSS 变量的两部分系列文章中的第二篇,它探讨了 CSS 变量可以用来使复杂布局和交互的代码更易于编写和维护。第一个文章…

Avatar of Ana Tudor
Ana Tudor 于 2018 年 12 月 6 日
文章的直接链接 有趣的提示:使用 calc() 更改英雄组件的高度
calc 流式字体

有趣的提示:使用 calc() 更改英雄组件的高度

几年前,有人提出了流式字体的概念。主要的想法是,如果你知道字体在两个不同视口尺寸下的尺寸,那么你就可以让字体在这两个尺寸之间平滑缩放……

Avatar of Martino Stenta
Martino Stenta 于 2020 年 7 月 30 日
文章的直接链接 使自定义属性(CSS 变量)更动态
calc css 变量 自定义属性

使自定义属性(CSS 变量)更动态

CSS 自定义属性(也许更容易理解为 CSS 变量)为我们提供了使代码更简洁的方法,以及引入以前不可能实现的新方法来使用 CSS。它们可以做预处理器变量可以做的事情……

Avatar of Dan Wilson
Dan Wilson 于 2017 年 6 月 1 日
文章的直接链接 行间
calc 响应式设计

行间

媒体查询非常适合在不同屏幕尺寸下以突然的快照方式更改值。但是,结合使用calc()和视口单位(如vw和vh),我们可以在布局中获得很多流畅性。对于……

Avatar of David Bachmann
David Bachmann 于 2017 年 10 月 20 日
  • 最新
  • 1
  • 2

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.