`
444878909
  • 浏览: 641054 次
文章分类
社区版块
存档分类
最新评论

font-weight 属性设置文本的粗细

 
阅读更多

说明

该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

设置三个段落的字体的粗细:

p.normal {font-weight:normal;}

p.thick {font-weight:bold;}

p.thicker {font-weight:900;}

浏览器支持

所有主流浏览器都支持 font-weight 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值

值 描述
normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。
inherit 规定应该从父元素继承字体的粗细。
分享到:
评论

相关推荐

    font-weight 属性设置文本的粗细介绍

    该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。 设置三个段落的...

    HTML5&CSS3网页制作:字体样式属性.pptx

    font-weight属性用于定义字体的粗细。 4 font-style属性用于设置变体(字体变化)。 5 font属性用于对字体样式进行综合设置。 字体样式属性 01 font-size属性 相对长度单位 说明 em 相对于当前对象内文本的字体尺寸 ...

    CSS属性速查表.pdf

    font-weight:关键字|数值设置文本字体粗细 normal:正常 bold:粗体 bolder:特粗 lighter:细体 font:font-family font-style font-variant font-weight font-size 一次设置字型、斜体、 小型大写字母、粗细及...

    Web前端与移动开发之css字体属性.txt

    3.font-weight 字体粗细 normal正常/bold粗体/bolder特粗/lighter细体/number数字加粗 无单位 实际开发中更提倡使用数字加粗 400(不加粗)等同于normal 700(加粗)等同于bold 注意这个数字后不跟单位 4.font-...

    CSS字体属性全解析

    使用CSS,可以对字体进行设置,字体属性包括五种常见属性:字体系列font-family、字体样式/字体风格font-style、字体大小font-size、字体粗细font-weight、字体变量font-variant。通过这五个属性,可以设定文本在web...

    Android Html支持字体大小和加粗样式(可扩展)

    Android Html标签中支持,size,font-size,font-weight属性.如果系统中不支持的也可以在这基础上扩展.

    CSS之处理文字(working with Text)———每天一遍小知识

    CSS处理文字总结一.The font-family Property(属性)二.The font-size Property(字体大小)三.The font-style Property(字体样式)四.The font-weight Property(字体粗细)五.The font-variant Property(字体...

    wxss学习系列《四》字体,组件及API的思维导图

    2.font-weight:设置文本字体的粗细。取值范围为100-900. 取值:mormal:正常大小相当于400。bold :粗体,相当于700。bolder, lighter。 (此图片来源于网络,如有侵权,请联系删除! ) 3.font-size:设置字体尺寸...

    css文字控制与css文本样式示例和属性

    :设置行与行之间的距离(单位可用px或者em或者百分比)5、font-weight:bold:设置字体的粗细(粗:bold 正常:normal) 6、font-variant : normal正常 | small-caps小型的大写字母字体7、font—style:设置字

    鎏嫣宫守护wxss学习《四》字体,组件及API的思维导图

    2.font-weight:设置文本字体的粗细。取值范围为100-900. 取值:mormal:正常大小相当于400。bold :粗体,相当于700。bolder, lighter。 (此图片来源于网络,如有侵权,请联系删除! )   3.font-size:设置字体尺寸...

    H5+CSS3.zip

    css字体样式:font-family设置字体系列,font-size设置字体大小,font-weight设置字体粗细,font-style设置字体样式,color设置字体颜色的三种形式,font的简写; css文本样式:使用text-decoration添加文本修饰,...

    goit-markup-hw-02

    goit-markup-hw-02 “ B13”布局所需的所有字体及其变体(粗细和样式)均通过一个链接...“С14”所有文本的字体粗细(font-weight属性)元素与布局中的值完全匹配。 “С15”仅当布局中的值不同于浏览器中此元素的标

    css中font的简写方法(包括粗细、大小、行高、字体)

    css中font的简写方法(包括font-weight,font-size,line-height,font-family) 也就是粗细、大小、行高、字体等等,把它们合在一起写,需要的朋友可以参考下

    html的个人学习笔记 html-css.html

    格式:font-weight: bold; 取值:bold,bolder 加粗 lighter 细线(默认) 100-900 整百的数字 3.规定文字大小的属性(快捷键fz30 + tab) 格式:font-size: 30px;(一定要带单位) 4.规定文字字体的属性(ff + tab) ...

    CSS文字控制与文本控制属性介绍及应用示例

    :设置行与行之间的距离(单位可用px或者em或者百分比) 5、font-weight:bold:设置字体的粗细(粗:bold 正常:normal) 6、font-variant : normal正常 | small-caps小型的大写字母字体 7、font—sty

    超经典的Web前端与移动开发基础视频 Web前端基础开发视频教程 移动开发基础视频教程

    77前端开发基础视频-font-weight设置字体的粗细.avi 78前端开发基础视频-font-style设置字体的样式.avi 79前端开发基础视频-font字体所有属性合写.avi 80前端开发基础视频-设置字符的间距和文字的间距.avi 81...

Global site tag (gtag.js) - Google Analytics