欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

DIVCSS5教大家如何使用DIV+CSS去掉html中b加粗和strong加粗样式

1、使用CSS样式属性单词:
font-weight

2、语法
去掉对象加粗:font-weight:normal
文字字体加粗:font-weight:bold
更多css加粗-css font-weight知识:http://www.divcss5.com/rumen/r122.shtml

3、CSS去除html b和html strong加粗样式案例
去除html加粗标签加粗案例,假如我们需要对"divcss5"命名div盒子里的b加粗strong加粗标签所加粗内容去除加粗样式(html b加粗与strong加粗区别)。

1)、去掉加粗Css代码:

  1. .divcss5 b{font-weight:normal} 
  2. .divcss5 strong{font-weight:normal} 

以上2段代码分别设置divcss5对象内b标签strong标签去掉加粗样式font-weight:normal)

2)、去掉加粗html代码:

  1. <div> 
  2. <b>我在b标签内</b><br /> 
  3. <strong>我在strong标签内</strong> 
  4. </div> 
  5. <p></p> 
  6. <div class="divcss5"> 
  7. <b>我在加粗标签b内,但被CSS样式去除加粗</b><br /> 
  8. <strong>我在加粗标签strong内,但被CSS样式去除加粗</strong> 
  9. </div> 

3)、案例截图

CSS去掉加粗标签加粗样式
CSS去掉加粗样式

去掉去除html b加粗标签加粗样式,和去除去掉html strong加粗标签加粗样式案例截图

希望大家根据divcss5示范案例下来练习实践一次,此去掉删除html加粗标签加粗样式。

4、div css去掉html加粗标签加粗样式总结
为什么要去除去掉html加粗标签本身加粗样式,通常我们布局时候考虑标签重用,有时也考虑搜索引擎优化,对文字字体加上加粗标签(html b加粗html strong加粗)后,但不需要加粗样式,这个时候我们就可以使用font-weight:normal去掉b和strong本身加粗样式,让html加有加粗标签内容文字变正常(不加粗)。有时我们只需对某处的html加有加粗标签地方内容不加粗,我们可以如上案例那样,在建立css样式选择器时候前面加一个上级css类(css样式命名如案例:.divcss5 b{...})即可只去掉需要对应css类下加粗标签不加粗样式。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j327.shtml