用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元素标签默许粗体

三、css去除粗体普片办法

不论哪类HTML标签自带粗体，要作废去除，其css去除门径均近似。

独自去掉各自带加粗名目的粗体法子：
1、去除b标签粗体

b{font-weight:normal}

作废html b标签粗体截图

2、勾销strong标签粗体

strong{font-weight:normal}

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粗体花色

4、共用CSS法匹敌去掉这几个标签粗体

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

共用CSS办法，节约代码地取消这些常用HTML粗体效果

四、高级锐敏使用

html网页重构中，以上案例是对立设置网页中用到这些标签城市默许去掉粗体格局，但常常，构造时刻会使用以上频仍种种自带粗体标签，不一定默认要求CSS去除加粗技俩，咱们需要对选择性指定带有粗体标签去掉。

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

我们离开CSS5! <b>深造CSS DIV手艺</b>！
<div class="exp">
CSS5正常字<br />
我要<b>学习CSS</b>上CSS5!<br />
</div>

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

2、组织需求
但无意构造需要对指定对象内，当然使用自带粗体格式标签，但不需要加粗功效，这个时分就需要CSS本领处理去掉粗体。

打点CSS代码：

.exp b{font-weight:normal}

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

去掉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/template/m51879.shtml