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

原创 国哥笔记  2019-02-10 19:16  阅读 520 views 次

font-weight属性定义及用法

在css中,font-weight属性是使用来设置文本的粗细,目前所以主流浏览器都支持该属性。当文本需要设置指定的粗细的时候,可以使用该属性;

font-weight属性语法格式

  1. css语法:font-weight:normal/bold/bolder/lighter/100/200/300/400/500/600/700/800/900/inherit;
  2. JavaScript语法:object.style.fontWeight="900";

font-weight属性值说明

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css font-weight属性设置文本的粗细</title>
<style type="text/css">
#normal {font-weight:normal;}
#light {font-weight:lighter;}
#thick {font-weight:bold;}
#thicker {font-weight:900;}
</style>
</head>
<body>
<p id="normal">font-weight:normal;</p>
<p id="light">font-weight:lighter;</p>
<p id="thick">font-weight:bold;</p>
<p id="thicker">font-weight:900;</p>
</body>
</html>

运行结果:

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

 

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-font-weight.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情