CSS:font-weight

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

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

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问https://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 值。

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

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

示例:

span { font-weight:800; }

来源:https://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开发
什么是css框架 实际上还是让我们从框架说起吧。 框架就是一个你可以用于你的网站项目的基本的概念上的结构体。 阅读更多网页教学网CSS框架相关知识: CSS教程关于css框架网页设计 门户网站构建CSS框架的规则 利用CSS框架进行高效率的站点开发 CSS框架的利与弊(上) CSS框架的利与弊(下) 利用CSS框架进行高效率的站点开发 El...
标签: Web开发
使用“设计”模式进行网页设计的时候经常会出现垃圾代码font和/font  使用VisualStudio的查找替换功能可以将这些东西彻底消除  CTRL + H  打开替换功能  选中正则表达式,关掉大小写匹配  查找内容为   \/*font[^]*\  替换为空  全部替换  OK全部清楚了·V...
标签: Web开发
Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table layout, user interface, paged media, and more. It explores in detail each individ...

经验教程

962

收藏

64

精华推荐

CSS优化:less优化CSS

CSS优化:less优化CSS

清泉1024

CSS教程:css组合与CSS嵌套的写法

CSS教程:css组合与CSS嵌套的写法

乔林儿

CSS高级技巧:CSS Sprites

CSS高级技巧:CSS Sprites

yang果5217758

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