1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html字体加粗效果不明显 css去除粗体_去掉加粗样式图文实例教程

html字体加粗效果不明显 css去除粗体_去掉加粗样式图文实例教程

时间:2020-07-09 04:53:46

相关推荐

html字体加粗效果不明显 css去除粗体_去掉加粗样式图文实例教程

用css去除粗体名目,html有些标签自带粗体格局,也许使用css格局去除粗体字体造诣。

一、去除粗体CSS属性单词

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

去除勾销加粗粗体样式:

font-weight:normal

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

1、b —— 自己是加粗粗体标签我被B加粗

2、strong —— 本人是加粗粗体标签我被strong加粗

3、h1 —— h1标题标签,

h1标题加粗

4、h2 —— h2题目标签,

h2标题问题加粗

5、h3 ——h3问题标签,

h3标题问题加粗

6、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!进修CSS DIV妙技!

CSS5正常字

我要深造CSS上CSS5!

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

2、布局需求

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

贪图CSS代码:

.exp b{font-weight:normal}

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

去掉class=exp对象使用b标签翰墨粗体

3、残破HTML CSS实例代码(可直接拷贝使用)

去除加粗 CSS5实例

.exp b{font-weight:normal}

我们脱离CSS5!学习CSS DIV技术手段!

CSS5正常字

我要学习CSS上CSS5!

总结:不管单独还是匹敌去除字体粗体花样,都梗概使用以上实例教程方式,最必要的是晓得去掉取消加粗CSS样式font-weight:normal的使用就可。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。