SCSS语法定义@include font(400,16pt)



我们在Angular、中使用SCSS

我正在努力理解400代表什么。

基于点与像素:有什么区别?,我知道16pt是什么意思;

  • pt是in的1/72,并且
  • CCD_ 2是英寸的1/96

只是好奇400是什么意思?

body {
@include font(400, 16pt);
line-height: 24pt;
}

400是普通font-weight的数字关键字值。

font-weight是一个CSS属性集,用于定义字体的加粗程度

从100到900的常用权重名称映射数字关键字值大致对应于OpenType规范。

相关语法(SCSS或Sass(

请参阅Sass关于Mixins:的文档

使用@include将Mixin包含在当前上下文中at规则,写为@include <name>@include <name>(<arguments... >),其中包含mixin的名称。

所以font是mixin的名称(类似于函数(,40016pt是它的arguments。为了确定,您应该在相关的SCSS文件中查找名为font的mixin。例如,可能有这样的东西:

@mixin font($weight, $size) {
font-weight: $weight;
font-size: $size;
}

400的可能含义

假设400与字体属性有关,它很可能会被用作CSS属性font-weight。那么这个数值400等于normal的字体重量,而不是bold(700(或thin(100(。

最新更新