我们在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的名称(类似于函数(,400
和16pt
是它的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(。