您的位置:CSS主页 > CSS基础 >

DIV+CSS加粗_字体文字加粗css font-weight样式教程

 

CSS样式对文字加粗篇-CSS font-weight加粗知识教程篇

DIV CSS加粗font-weight目录
  1. 加粗基本用处
  2. CSS加粗基本语法
  3. css加粗案例代码
  4. 加粗案例截图
  5. DIV+CSS加粗总结
  6. 在线样式

1、加粗基本用处   -   TOP

使用DIV CSS加粗font-weight属性单词可以对文字加粗。实现对文字(中文字、英文单词、数字等文字)加粗效果。对特定文字进行加粗排版,可以让网页具有主次感,通过对文字内容加粗达到理想排版效果。

2、CSS加粗基本语法   -   TOP

CSS加粗样式单词为:font-weight

font-weight的值有:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置bold : 粗体。相当于number为700。也相当于b对象的作用bolder : IE5+ 特粗体lighter : IE5+ 细体
100、200、300、400、500、600、700、800、900 可以为100倍数从100-900


font-weight样式分析图

加粗常用:
1)、对h1、h2、h3、h4标签本身加粗文字变细(正常字体)
我们对其设置h1,h2,h3,h4{font-weight:normal }
让h1、h2、h3、h4取消加粗加入如上CSS样式即可。
去掉html b加粗样式_去掉html strong加粗样式_去掉html加粗样式http://www.thinkcss.com/view/g75.html

2)、对普通文字加粗
只需要对对象CSS样式设置:font-weight:bold

至于100-900的数字,通常部分浏览器都不兼容,在500以下包括500为相同正常细体字,600-900为相同加粗。

3、css加粗案例代码   -   TOP

CSS加粗案例CSS代码:
.h1 ,.h2{ font-weight:normal}
.thinkcss{ font-weight:bold;}

DIV加粗案例HTML代码:

<h1>我在h1里内容</h1>
<h1 class="h1">我在h1里内容但是被取消加粗</h1>
<h2>我在h2里内容</h2>
<h2 class="h2">我在h2里内容但是被取消清除加粗</h2>
<div>我是放入div标签内正常字</div>
<div class="thinkcss">我是放入div被css font-weight加粗字</div>

4、加粗案例截图   -   TOP


CSS DIV加粗案例截图

5、DIV+CSS加粗总结   -   TOP

无论是HTML中使用b标签strong标签加粗,还是使用css样式文字加粗均可。html加粗比较直接,可使用<b></b><strong></strong>加粗文字对象这样有利于搜索引擎判断内容重要性,对搜索引擎优化有一定加分作用,但缺点是在html中加如标签后增加html字符;如果通过css font-weight加粗可以减少html标签。实际上现在搜索引擎也可读取CSS对html里内容样式操作。根据自身实际情况选择对文字加粗时,使用html标签加粗或CSS样式加粗。

你可能需要了解:
1、html加粗
2、html b
3、html strong
4、b加粗
5、strong加粗
6、去掉加粗样式
7、去掉html加粗样式
8、去掉b加粗样式
9、去掉strong加粗样式

6、DIV+CSS加粗演示:   -   TOP

http://www.thinkcss.com/yanshi/css-font-weight.html

标签(Tag): 加粗 font weight

更多

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-09-26     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/c74.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息