Question

我是CSS的新手，我正在尝试学习字体的概念。我对什么字体属性400代表感到困惑？当我改变它时，身体内的内容看起来更小，但我不知道它真正起作用了什么？

body { 
       background: #FFF; 
       font: 400 1.5em/1.5 "Droid Serif", serif; 
       color: #111;
       text-align: center;
       height: 100%;
}

Answer 1

font property是font-style，font-variant，font-weight，font-stretch，font-size，line-height和{的简写{3}}

其中，唯一可以接受400作为其值的属性是font-weight和line-height。但在font值中，line-height一个（如果有）必须以/为前缀。

然后，400是font-weight的值，与normal相同。

font-weight: 400; /* Same as `font-weight: normal` */

这是font-weight可接受的数值的渐变：

100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Normal
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)

由于400等同于font-weight的初始值，因此您可以将其删除。

Answer 2

它是字体粗细。价值越大，越大越好＆＃34;字体。 400是＆＃34;正常＆＃34;，而＆＃34;粗体＆＃34;例如700。

在下面的代码的上下文中，400表示的字体属性是什么？

2 个答案: