【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);
}
相关推荐
Python私教24 分钟前
使用FastAPI和React以及MongoDB构建全栈Web应用05 FastAPI快速入门
前端·react.js·fastapi
浪裡遊27 分钟前
Typescript中的对象类型
开发语言·前端·javascript·vue.js·typescript·ecmascript
杨-羊羊羊35 分钟前
什么是深拷贝什么是浅拷贝,两者区别
开发语言·前端·javascript
发呆的薇薇°40 分钟前
在vue里,使用dayjs格式化时间并实现日期时间的实时更新
前端·javascript·vue.js
七冬与小糖1 小时前
【本地搭建npm私服】使用Verdaccio
前端·npm·node.js
lally.1 小时前
2025御网杯wp(web,misc,crypto)
前端·ctf
海绵不是宝宝8171 小时前
React+Springboot项目部署ESC服务器
前端·react.js·前端框架
前端小崔1 小时前
从零开始学习three.js(15):一文详解three.js中的纹理映射UV
前端·javascript·学习·3d·webgl·数据可视化·uv
ZHOU_WUYI2 小时前
React 实现 JWT 登录验证的最小可运行示例
前端·react.js·前端框架
一只程序熊2 小时前
【uniapp】errMsg: “navigateTo:fail timeout“
服务器·前端·uni-app