--fs-1: 7rem; --fs-2: 4.5rem; --fs-3: 3.6rem; --fs-4: 2.4rem; --fs-5: 2.2rem; --fs-6: 2rem; --fs-7: 1.6rem; --fs-8: 1.5rem; --fs-9: 1.4rem; --fs-10: 1.3rem; --fs-11: 1.2rem; --fw-500: 500; --fw-600: 600; --fw-700: 700; --fw-800: 800;这个是定义什么
时间: 2024-03-24 16:40:46 浏览: 122
gulp-px2rem-plugin:将px转换成rem
这是 CSS 中使用自定义属性(CSS Variables)来定义一些字体大小和字重的变量。
其中,以 `--fs-` 开头的变量用来定义不同级别的字体大小,例如 `--fs-1` 定义了最大的字体大小为 7rem,而 `--fs-11` 则定义了最小的字体大小为 1.2rem。
以 `--fw-` 开头的变量则用来定义不同级别的字重,例如 `--fw-500` 定义了字重为 500,而 `--fw-800` 则定义了字重为 800。
定义这些变量有助于在代码中统一管理字体大小和字重,方便后续的维护和修改。在需要使用这些变量的时候,可以通过 `var()` 函数来引用这些变量,例如:
```css
h1 {
font-size: var(--fs-1);
font-weight: var(--fw-700);
}
```
这会将 h1 元素的字体大小设置为 `--fs-1` 定义的值(即 7rem),字重设置为 `--fw-700` 定义的值(即 700)。
阅读全文