原生CSS设置网站主题色—CSS变量赋值
2024-10-14 02:10:00
定义CSS变量
在css文件顶部定义css变量,注意必须以--
开头,使用:root
包括这几个变量
:root {
--main-bg-color: #ff7675;
--color1: #fbfee9;
--color2: #5a4446;
--color3: #8baca1;
--color4: #ffeec4;
}
使用
在需要的地方使用,使用var()
包裹css变量
#secondsLong {
position: fixed;
color: var(--color1);
width: 100%;
height: 40px;
font-size: 1.2em;
bottom: 0;
background-color: var(--main-bg-color);
}
最新文章
- 怎样操作WebAPI接口(显示数据)
- linux 常用操作指令(随时更新)
- 有关vue的总结
- WCF实现方法重载
- NOIP 2005 青蛙过河
- principal-component-analysis
- 基于webrtc的视频通话时webrtc的接口调用流程
- Asp.Net Web API 2第八课——Web API 2中的属性路由
- Snappy压缩
- jQuery jsonp跨域请求
- 关于c++中的引用
- 设置grub密码
- Windows如何压缩tar.gz格式
- redis实现消息队列
- MySQL查询相关(初级)(全文重点)
- android 弹起键盘把ui顶上去的解决办法
- [LeetCode] Longest Palindromic Subsequence 最长回文子序列
- WebService详解(二)
- 【机器学习】--主成分分析PCA降维从初识到应用
- python中一个汉字点3个字节? utf-8