CSS:font-weight

2016-02-19 18:32 6 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐CSS:font-weight,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

  font-weight版本:CSS1  兼容性:IE4+ NS4+ 继承性:有

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

语法:

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 那样粗

说明:

设置或检索对象中的文本字体的粗细。

作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。

IE4.0仅仅支持 normal 和 bold 值。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

示例:

span { font-weight:800; }

来源:http://www.tulaoshi.com/n/20160219/1618049.html

延伸阅读
icofont为何物?图标字体也。图标和字体怎能混为一谈呢?icofont就是用font-family来实现icon,主要用到了css3中的@font-face。 实现我们来熟悉一下@font-face这个属性。 @font-face的语法规则: @font-face {    font-family: YourWebFontName;    src: source [format][,source [format]]*;    [font-we...
标签: Web开发
使用“设计”模式进行网页设计的时候经常会出现垃圾代码font和/font 使用VisualStudio的查找替换功能可以将这些东西彻底消除 CTRL + H 打开替换功能 选中正则表达式,关掉大小写匹配 查找内容为 \/*font[^]*\ 替换为空 全部替换 OK全部清楚了·V·
标签: Web开发
使用“设计”模式进行网页设计的时候经常会出现垃圾代码font和/font  使用VisualStudio的查找替换功能可以将这些东西彻底消除  CTRL + H  打开替换功能  选中正则表达式,关掉大小写匹配  查找内容为   \/*font[^]*\  替换为空  全部替换  OK全部清楚了·V...
标签: Web开发
什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 阅读更多网页教学网CSS框架相关知识: CSS教程关于css框架网页设计 门户网站构建CSS框架的规则 利用CSS框架进行高效率的站点开发 CSS框架的利与弊(上) CSS框架的利与弊(下) 利用CSS框架进行高效率的站点开发 El...

经验教程

569

收藏

12

精华推荐

CSS高级技巧:CSS Sprites

CSS高级技巧:CSS Sprites

yang果5217758

css教程:css和document

css教程:css和document

愤青小卉卉

详解Icon-font图标字体的四类制作方法

详解Icon-font图标字体的四类制作方法

玻璃棉8

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部