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