CSS中有两个横杠,分别是单横杠(-)和双横杠(--)。单横杠主要用于定义CSS属性,比如: background-color: red; font-size: 16px; 而双横杠主要用于定义CSS
CSS中有两个横杠,分别是单横杠(-)和双横杠(--)。
单横杠主要用于定义CSS属性,比如:
background-color: red; font-size: 16px;
而双横杠主要用于定义CSS自定义属性,比如:
--main-color: #3498db; --font-size: 16px;
这些自定义属性可以在整个页面使用,通过在其他地方引用来减少代码重复。
可以通过如下代码来使用这些自定义属性:
.example { background-color: var(--main-color); font-size: var(--font-size); }
这样,只需要在定义自定义属性的地方修改即可,避免了修改多处代码的麻烦。
粉丝
0
关注
0
收藏
0