温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css怎么去掉加粗样式

发布时间:2022-03-05 17:15:05 来源:亿速云 阅读:294 作者:iii 栏目:web开发

本篇内容介绍了“css怎么去掉加粗样式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

css怎么去掉加粗样式

一、去除粗体CSS属性单词

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

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

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

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

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

css怎么去掉加粗样式
这些html元素标签默许粗体

三、css去除粗体通用方法

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

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

b{font-weight:normal}

css怎么去掉加粗样式
取缔html b标签粗体截图

2、取消strong标签粗体

strong{font-weight:normal}

css怎么去掉加粗样式
css取消strong粗体标签内翰墨字体加粗名目

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

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

css怎么去掉加粗样式
离别去掉h2 h3 h4 h5粗体样式

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

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

css怎么去掉加粗样式
共用CSS门径,俭约代码地勾销这些经常使用HTML粗体成效

四、初级天真应用

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

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

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

css怎么去掉加粗样式
有两处使用b加粗标签,完成字体加粗

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

贪图CSS代码:

.exp b{font-weight:normal}

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

css怎么去掉加粗样式
去掉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怎么去掉加粗样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI