css怎么去掉加粗样式

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

我们提供的服务有:网站设计制作、成都网站设计、微信公众号开发、网站优化、网站认证、武侯ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的武侯网站制作公司

css怎么去掉加粗样式

一、去除粗体CSS属性单词

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

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

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

1、b —— 自己是加粗粗体标签 我被B加粗
2、strong —— 本人是加粗粗体标签 我被strong加粗
3、h2 —— h2标题标签,

h2标题加粗


4、h3 —— h3题目标签,

h3标题问题加粗


5、h4 —— h4问题标签,

h4标题问题加粗


6、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! 进修CSS DIV妙技
CSS5正常字
我要深造CSS上CSS5!

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实例代码(可直接拷贝使用)





去除加粗 CSS5实例



我们脱离CSS5! 学习CSS DIV技术手段
CSS5正常字
我要学习CSS上CSS5!

“css怎么去掉加粗样式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


文章名称:css怎么去掉加粗样式
网页网址:http://pwwzsj.com/article/joepsc.html

其他资讯