H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈



CSS层叠样式表字体浓淡属性


主题

在html中使用样式表粗体或者加浓粗体或者较淡字体.



解释

属性: 字体重量

用法:
font-weight: bold;
font-weight: bolder;
font-weight: light;
font-weight: lighter;
font-weight: 100;
font-weight: normal;

定义:
这个参数是用来控制字体的浓淡或者粗细。我们能够让字体看上去更浓或者更淡。
属性可以取以下的值。
a)bold:它可以使字体加粗。
b)bolder:它可以使字体更粗。
c)light:它可以使字体变淡。
d)lighter: 它可以使字体更淡。
e)100 to 900: 字体的粗细可以使用值来设置,如100或者200或者300或者400或者500或者600或者700或者800或者900。
f)normal: 它可以设置字体为缺省值。

示例1:
<div style="font-weight: bold;">测试字体重量</div>

结果:
测试字体重量


示例2:
<div style="font-weight: bolder;">测试字体重量</div>

结果:
测试字体重量


示例3:
<div style="font-weight: light;">测试字体重量</div>

结果:
测试字体重量


示例4:
<div style="font-weight: lighter;">测试字体重量</div>

结果:
测试字体重量


示例5:
<div style="font-weight: 800;">测试字体重量</div>

结果:
测试字体重量


示例6:
<div style="font-weight: normal;">测试字体重量</div>

结果:
测试字体重量





一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2005 HIOX INDIA - hioxindia.com