css去除粗体_去掉加粗样式图文实例教程

用css去除粗体名目，html有些标签自带粗体格局，也许使用css格局去除粗体字体造诣。

去掉去除默认粗体样式

一、去除粗体CSS属性单词

font-weight ——粗体，加粗名目单词

去除勾销加粗粗体样式：
font-weight:normal

二、常见自带粗体html标签元素

1、b —— 自己是加粗粗体标签 <b>我被B加粗</b>
2、strong —— 本人是加粗粗体标签 <strong>我被strong加粗</strong>
3、h1 —— h1标题标签，<h1>h1标题加粗</h1>
4、h2 —— h2题目标签，<h2>h2标题问题加粗</h2>
5、h3 —— h3问题标签，<h3>h3标题问题加粗</h3>
6、h4 —— h4题目标签，<h4>h4问题加粗</h4>
经常使用h1 - h4问题标签，默许所有涉猎器是表示其文字文本内容是粗体成果。

以上html标签默许就自带粗体文本字体加粗样式，成绩如下：

html元素标签默认粗体
这些html元素标签默许粗体

三、css去除粗体通用方法

不论哪类HTML标签自带粗体，要作废去除，其css去除办法均不异。

零丁去掉各自带加粗名目的粗体门径：
1、去除b标签粗体

b{font-weight:normal}

取消b标签粗体
取缔html b标签粗体截图

2、取消strong标签粗体

strong{font-weight:normal}

css取消strong粗体标签内文字字体加粗样式
css取消strong粗体标签内翰墨字体加粗名目

3、同理分别去除h1 h2 h3 h4

h1{font-weight:normal}
h2{font-weight:normal}
h3{font-weight:normal}
h4{font-weight:normal}

分别去掉h1 h2 h3 h4粗体样式
离别去掉h1 h2 h3 h4粗体样式

4、共用CSS法对抗去掉这几个标签粗体

b,strong,h1,h2,h3,h4{font-weight:normal}

共用CSS方法，节约代码地取消这些常用HTML粗体效果
共用CSS门径，俭约代码地勾销这些经常使用HTML粗体成效

四、初级天真应用

html网页重构中，以上案例是对立设置装备摆设网页顶用到这些标签都市默许去掉粗体样式，但时时，构造时候会使用以上频仍种种自带粗体标签，不不一定默许申请CSS去除加粗款式，我们需要对抉择性指定带有粗体标签去掉。

1、实例代码
html网页body内的形式：

我们来到CSS5! <b>进修CSS DIV妙技</b>！
<div class="exp">
CSS5正常字<br />
我要<b>深造CSS</b>上CSS5!<br />
</div>

有两处使用b加粗标签，实现字体加粗
有两处使用b加粗标签，完成字体加粗

2、布局需求
但无心机关需要对指定对象内，固然使用自带粗体名堂标签，但不需要加粗效果，这个时候就需要CSS才力处置惩罚去掉粗体。

贪图CSS代码：

.exp b{font-weight:normal}

这里CSS表达，“.exp b”的含义，指定class=exp对象内b的格式设置勾销加粗（font-weight:normal）。

去掉class=exp对象使用b标签文字粗体
去掉class=exp对象使用b标签翰墨粗体

3、残破HTML CSS实例代码（可直接拷贝使用）

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>去除加粗 CSS5实例</title>
<style>
.exp b{font-weight:normal}
</style>
</head>
<body>
我们脱离CSS5! <b>学习CSS DIV技术手段</b>！
<div class="exp">
CSS5正常字<br />
我要<b>学习CSS</b>上CSS5!<br />
</div>
</body>
</html>

总结：不管单独还是匹敌去除字体粗体花样，都梗概使用以上实例教程方式，最必要的是晓得去掉取消加粗CSS样式font-weight:normal的使用就可。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/jiqiao/j52162.shtml