技术栈

【css】css统一设置变量

湛海不过深蓝2025-05-11 21:55

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);
}
上一篇:鞅与停时 - 一种特别的概率论问题
下一篇:【身份证识别表格】批量识别身份证扫描件或照片保存为Excel表格,怎么大批量将身份证图片转为excel表格?基于WPF和腾讯OCR的识别方案
相关推荐
@大迁世界
3 分钟前
TypeScript 的本质并非类型,而是信任
开发语言·前端·javascript·typescript·ecmascript
GIS之路
12 分钟前
GDAL 实现矢量裁剪
前端·python·信息可视化
是一个Bug
15 分钟前
后端开发者视角的前端开发面试题清单(50道)
前端
Amumu12138
17 分钟前
React面向组件编程
开发语言·前端·javascript
持续升级打怪中
39 分钟前
Vue3 中虚拟滚动与分页加载的实现原理与实践
前端·性能优化
GIS之路
42 分钟前
GDAL 实现矢量合并
前端
hxjhnct
1 小时前
React useContext的缺陷
前端·react.js·前端框架
前端 贾公子
1 小时前
从入门到实践:前端 Monorepo 工程化实战(4)
前端
菩提小狗
1 小时前
Sqlmap双击运行脚本,双击直接打开。
前端·笔记·安全·web安全
前端工作日常
1 小时前
我学习到的AG-UI的概念
前端
热门推荐
01GitHub 镜像站点02Labelme从安装到标注:零基础完整指南03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05jdk21下载、安装(Windows、Linux、macOS)06Claude Code 2.1.2 升级报错?别折腾了,一行命令搞定072025-04-03 Latex学习1——本地配置Latex + VScode环境08自用Proteus(8.15)常用元器件图示和功能介绍(持续更新...)09【踩坑笔记】50系显卡适配的 PyTorch 安装10Opencode CLI 安装成功,但是启动失败