font-weight字体粗细属性
语法：
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
取值：
normal : 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold : 粗体。相当于 700 。也相当于 b 对象的作用
bolder : 比 normal >粗
lighter : 比 normal >细
100 : 字体至少像 200 那样细
200 : 字体至少像 100 那样粗，像 300 那样细
300 : 字体至少像 200 那样粗，像 400 那样细
400 : 相当于 normal
500 : 字体至少像 400 那样粗，像 600 那样细
600 : 字体至少像 500 那样粗，像 700 那样细
700 : 相当于 bold
800 : 字体至少像 700 那样粗，像 900 那样细
900 : 字体至少像 800 那样粗
例如:
span { font-weight:800; }
一般而言，加粗是为了强调某些文字，字体越粗，那么这些文字就越重要。我们看到关键字从100到900，但是这些关键字并不代表本质的字体粗细的属性，在css中，每个数字代表字体的最小粗细不小于它前面的数字所对应的粗细，这些粗细的差异可能是很难分辨的。也许从100到400所对应的只是一种粗细，而实际的效果还与选择的字体有关。
数字与另外的一些关键词相互联系，400等价于normal，700对应于bold。在某些字体里面，粗细层级不会有9级那么多，实际上大多数的字体不会有那么细致的粗细差异，在这样的情况下，实际的取值是很复杂的：
如果500未分配，实际效果则与400相同；
如果300未分配，则它与比400稍轻的字体对应：可能是200，对于100或者200是同样的道理；
如果600未分配，则它与比500稍微重的字体对应，对于700或者800是一样的道理。
关于关键字bolder，是一个加粗的属性，取值会比normal大一个级别。如果这个东西本身已经是最粗的，那么它就不会更粗了。当然，lighter是对应的一个关键字，它的效果和你想像的一样。
font-weight属性可以被继承。
相关文章
