用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的使用就可。

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

Visio直接粘贴进Word的矢量图，采用Adobe导出PDF后图片内容存在缺失的解决方案；打印生成PDF，字体的加粗效果会很不明显的解决方案；
问题一 Visio直接粘贴进Word的矢量图,采用Adobe导出PDF后图片内容存在缺失目标效果: 但是导成PDF后字总是消失,成了调整Visio内容没用,尝试各种网上办法没用.师妹的福昕可 ...
html字体加粗效果不明显,html – 包括粗体不起作用的字体
我在下面的第一个代码片段中添加了'圆形'字体系列到我的网站,但它没有添加任何粗体,所以我尝试将粗体.ttf和.woff包含为粗体'圆形'字体但是我的两种方法都不起作用,第一种方法使所有文本都变粗,第二 ...
css规则由两部分构成,CSS-层叠样式表基础教程
CSS-层叠样式表基础教程层叠样式表(Cascading Style Sheets,简写CSS),网页可以使用CSS来决定文件的颜色.字体.排版等显示特性.CSS最主要的目的是将文件的结构和内容(用 ...
图文样式css样式,初学解惑：常用CSS样式图文设置教程
注:在论坛中记得有人问过,做了网页之后字体特别大?如何控制网页中的字体呢?答案是用CSS来控制,今天给大家编写这个教程主要是面对初学者的! 一个有链接的文本,鼠标ON.OVER不同状态下的响应是不同的 ...
css 去除 button 点击之后的默认样式
HTML <button class="btn"></button> CSS .btn:focus, .btn:active:focus, .btn.act ...
产生粗体字的html标签,html字体加粗用css设置文字粗体样式
html如何加粗文字,HTML加粗标签元素有哪些?CSS字体加粗又怎么来实现?粗体代码是什么? 综合以上问题,可以使用CSS样式和HTML标签两种方法来实现,在实际布局时候根据需要来选择文字字体加粗方 ...
html语言加粗,html字体加粗用css设置文字粗体样式
HTML加粗标签元素有哪些?CSS字体加粗又怎么来实现?粗体代码是什么? 综合以上问题,可以使用CSS样式和HTML标签两种方法来实现,在实际布局时候根据需要来选择文字字体加粗方法途径. 一.html ...
matlab绘图坐标轴字体_MATLAB绘图（轴文本粗体，曲线粗体）,Matlab,坐标轴,文字,加粗...
最近用matlab绘制折线图,有一些常用的指令记录下来. 首先是加速比的程序代码,具体功能记录在注释里面. x1 = [8 16 32 64 128 256]; x2 = [32 64 128 256 ...
Java 读取 Word文档的字体、字号、文字颜色、文字背景、文字是否加粗或倾斜、文字下划线、段落等属性
Work库:free spire.doc.jar 3.9.0 由于这个包比较大,maven依赖容易下载失败,故此提供百度云下载地址,下载地址在最下面可支持读取字体.字号.文字颜色.文 ...

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

h1标题加粗

h2标题问题加粗

h3标题问题加粗

h4问题加粗

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

最新文章

热门文章