零基础建站培训介绍

当前位置:

CSS 文字加粗属性:font-weight

CSS 加粗这里指的是通过DIV CSS控制对象的加粗。
使用CSS属性单词
font-weight
对象值:从100到900,最常用font-weight的值为bold

font-weight参数:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
详细基础加粗知识请进CSS手册中的font-weight手册。

Html常规加粗标签
以前html直接对对象加粗的标签如下:


<b></b>或<strong></strong>两者效果相同。

加粗实例,代码如下:


<strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>

我未被加粗
html 加粗实例截图:
html加粗实例图

CSS 加粗基础技巧实例
CSS 代码:


.yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}

Div html代码:


<span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />

我未被加粗
CSS 加粗结果演示:
CSS 加粗实例效果图

说明此图为CSS加粗实例片段代码和结果图。这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

总结与推荐:
1、在html对对象直接加粗可以用<b>或<strong>对其加粗
2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。

上一课: 下一课:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 在一个网页中多处使用了表格table标签,这个时候给指定的表格对象设置样式依然可以通过CSS进行控制设置。其实有时我们这样思考将table标签当作DIV标
  • CSS怎么隐藏DIV (4027 次浏览)
    CSS怎么隐藏DIV?要使用这样的属性:display:none在布局中要隐藏DIV,只必要对div配置display:none属性就可。以下是直接DIV设置埋伏名堂代码
  • CSS怎么隐藏DIV内容 (4036 次浏览)
    一般情况下,css隐藏的用途,如下:1、对文本的隐藏2、隐藏超链接(另类黑链)3、对统计代码隐藏4、隐藏超出图片5、css隐藏滚动条6、css隐藏div
  • css 注释方法 (4110 次浏览)
    CSS注释(css 注释)是有css文件代码间加入注释,解释说明意思。CSS注释有着注解说明之用,常常我们使用CSS注解进行对CSS代码或布局CSS样式进行特别说
  • 什么是css文件?css文件应该想到是文件之类的什么东西,那就没错,css文件是指css代码放到一个单独的文件里,并以css扩展名命名如yangshi.css,这样
  • 你需要具备的知识在继续学习之前,你需要对下面的知识有基本的了解:HTML / XHTML什么是 CSS?CSS 指层叠样式表 (Cascading Style Sheets)样式