欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > DIV+CSS实例 >

CSS设置div对象盒子里部分文字加粗方法

CSS设置对象盒子里部分文字加粗方法有两种,一种使用html b标签html strong标签,另外一种使用CSS样式实现加粗布局。

如何选择加粗布局方式?

从SEO优化考虑,如果文字要加粗,DIVCSS5推荐使用html标签的b加粗或strong加粗标签实现加粗效果。

如果不考虑优化方面因素,可以直接对需要加粗的文字设置css加粗样式。

下来DIVCSS5通过案例教程介绍两种加粗方法:

1、完整HTML+CSS代码

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta charset="utf-8" /> 
  5. <title>加粗方法 在线案例演示 DIVCSS5</title> 
  6. <style> 
  7. .bold{font-weight:bold} 
  8. </style> 
  9. </head> 
  10. <body> 
  11. <strong>学习</strong>CSS上DIVCSS5网, 
  12. 从HTML到CSS<b>布局学习</b>。 
  13. CSS问题解决方法、<span class="bold">基础</span>学习上DIVCSS5。 
  14. </body> 
  15. </html> 

2、CSS案例截图

使用加粗标签和CSS加粗样式案例截图
使用加粗标签和CSS加粗样式案例截图

3、在线查看:查看案例

4、DIV CSS案例打包下载:

可能您想了解相关知识:
1、b加粗和strong加粗区别

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

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2014-03-19 13:33 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。