7.5. CSS font-weight 属性

font-weight -- 定义字体的粗细
  • 取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
    • normal:正常,等同于 400
    • bold:粗体,等同于 700
    • bolder:更粗
    • lighter:更细
    • 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900:字体粗细的绝对值
    • inherit:继承
  • 引用网址:http://www.dreamdu.com/css/property_font-weight/
  • 初始值: normal
  • 继承性: 是
  • 适用于: 所有元素
  • font:中文"字体"的意思.weight:中文"重量,分量"的意思.

示例

p#normal
{
	font-weight:normal;
}

p#bold
{
	font-weight:bold;
}			

p#100
{
	font-weight:100;
}

p#900
{
	font-weight:900;
}

p#bolder
{
	font-weight:bolder;
}

p#lighter
{
	font-weight:lighter;
}

bolder和lighter都是相对父容器中字体尺寸进行相应调整

CSS font-weight 属性示例 -- 可以尝试编辑

说明

  • HTML的b标签定义了粗体显示的字体,此标签已经被w3c抛弃
  • XHTML的strong标签,在多数浏览器中也是显示了粗体,这是没有必要的,因为strong标签本身是强调的意思
  • 真正符合标准网页设计的显示粗体文字的方法是使用font-weight:bold; CSS属性
  • 使用100-900的数值表示粗体的时候通常情况下不会表现出什么不同


  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都