文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

css怎么去掉加粗样式

2024-04-02 19:55

关注

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

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯