本篇内容介绍了“css怎么去掉加粗样式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
一、去除粗体CSS属性单词
font-weight ——粗体,加粗名目单词
去除勾销加粗粗体样式:
font-weight:normal
二、常见自带粗体html标签元素
1、b —— 自己是加粗粗体标签 <b>我被B加粗</b>
2、strong —— 本人是加粗粗体标签 <strong>我被strong加粗</strong>
3、h2 —— h2标签,<h2>h2加粗</h2>
4、h3 —— h3题目标签,<h3>h3问题加粗</h3>
5、h4 —— h4问题标签,<h4>h4问题加粗</h4>
6、h5 —— h5题目标签,<h5>h5问题加粗</h5>
经常使用h2 - h5问题标签,默许所有涉猎器是表示其文字文本内容是粗体成果。
以上html标签默许就自带粗体文本字体加粗样式,成绩如下:
这些html元素标签默许粗体
三、css去除粗体通用方法
不论哪类HTML标签自带粗体,要作废去除,其css去除办法均不异。
零丁去掉各自带加粗名目的粗体门径:
1、去除b标签粗体
b{font-weight:normal}
取缔html b标签粗体截图
2、取消strong标签粗体
strong{font-weight:normal}
css取消strong粗体标签内翰墨字体加粗名目
3、同理分别去除h2 h3 h4 h5
h2{font-weight:normal}
h3{font-weight:normal}
h4{font-weight:normal}
h5{font-weight:normal}
离别去掉h2 h3 h4 h5粗体样式
4、共用CSS法对抗去掉这几个标签粗体
b,strong,h2,h3,h4,h5{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怎么去掉加粗样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!