【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);
}
相关推荐
MediaTea7 分钟前
Python 第三方库:Flask(轻量级 Web 框架)
开发语言·前端·后端·python·flask
5***o50013 分钟前
前端构建工具缓存清理,解决依赖问题
前端·缓存
lcc18731 分钟前
Vue Vue与VueComponent的关系
前端·vue.js
无敌最俊朗@31 分钟前
Vue 3 概况
前端·javascript·vue.js
摆烂工程师1 小时前
今天 Cloudflare 全球事故,连 GPT 和你的网站都一起“掉线”了
前端·后端·程序员
拉不动的猪1 小时前
一文搞懂:localhost和局域网 IP 的核心区别与使用场景
前端·javascript·面试
亿元程序员1 小时前
你支持游戏内显示电量、信号或时间吗?
前端
阿珊和她的猫2 小时前
HTTP:Web 世界的基石协议详解
前端·网络协议·http
未来之窗软件服务2 小时前
自建开发工具IDE(二)文件托拽读取——东方仙盟炼气期
开发语言·前端·javascript·仙盟创梦ide·东方仙盟
conkl2 小时前
构建健壮的前端请求体系:从 HTTP 状态码到 Axios 实战
前端·网络协议·http