【css】css统一设置变量

scss

1. 使用变量
css 复制代码
$one-screen-height: 100vh;

.main {
	height: @one-screen-height;
}
2.结合css自定义属性
css 复制代码
:root {
  --common-height: 40px;
}
 
.button {
  height: var(--common-height);
}
 
.input {
  height: var(--common-height);
}
相关推荐
想不到一个好的ID12 分钟前
Claude Code 初学者必看指南
前端·后端
一枚菜鸟_14 分钟前
04-Flutter状态管理终极指南-Riverpod3.x从入门到精通
前端
一枚菜鸟_17 分钟前
06-Flutter动画从零到炫酷-让你的App动起来
前端
Wect20 分钟前
React Hooks 核心原理
前端·算法·typescript
shughui24 分钟前
Fiddler下载、安装、使用、汉化,详细图文教程(2026附安装包)
前端·测试工具·fiddler
敲代码的约德尔人26 分钟前
CSS 新特性完全指南:2026 年你必须掌握的 5 个新能力
css
阿帕琪尔27 分钟前
😎vite插件: 自动打包压缩图片和转webp(二)
前端·vite
思慕很大很大33 分钟前
浏览器基础知识-进程与线程
前端·浏览器
猩猩程序员38 分钟前
dial9:一个强悍的 Tokio 调试工具!!!
前端
gyx_这个杀手不太冷静1 小时前
OpenCode 深度解析:架构设计、工具链集成与工程化实践
前端·架构·ai编程