• 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

    时时彩360杀号:  

    时时彩走势图后一 www.cuhw.com.cn span加粗

    除了html字体加粗标签有标签strong与标签b为字体加粗直接使用的标签外,css设置字体加粗也黑白经常用的属性。而运用span标签对一段翰墨中其中一段翰墨内容字体加粗也是经常运用方式。

    一、字体加粗属性单词

     

    字体加粗CSS单词:font-weight,值设置装备摆设为bold。
    即:font-weight:bold

    div{font-weight:bold}
    

    配置div内字体加粗

    span{font-weight:bold}
    

    设置span字体加粗

    二、span标签内配置加粗

     

    字体加粗实例一段笔墨模式!<span style="font-weight:bold">我在span内</span>!
    

    一段翰墨中,其中一些笔墨放在span标签对象内,对span应用style属性直接设置装备摆设CSS字体加粗花色。

    span内字体成功被加粗
    span内字体成功被加粗

    三、盒子内只用一次span设置加粗

     

    一个对象譬喻一个div内放了一段笔墨,而这里网页机关只应用一次span,那么咱们即也许舛错span应用class或id来设置装备摆设CSS名目,而直接颠末指向配置span花样包孕字体加粗需求。

    1、span字体加粗实例残破代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>span字体加粗 css5.com.cn</title>
    <style>
    .abc span{ font-weight:bold}
    </style>
    </head>
    <body>
    <div class="abc">
    字体加粗实例一段笔墨内容!<span>我在span内</span>!
    </div>
    </body>
    </html>
    

    2、截图

    span成功设置字体加粗
    span胜利配置字体加粗

    本性:如果一个对象盒子里屡次应用span,那么就重要独自对span配置应用id或class来完成CSS名堂。假如只运用一次,那么就能直接用css抉择器指向能耐直接配置标签而配置CSS,从而勤俭html代码。

    四、外部class或id设置装备摆设span字体加粗

     

    这里对span使用class完成笔墨加粗结构。

    1、残缺span css实例代码

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>span字体加粗 css5.com.cn</title>
    <style>
    .jiacu{ font-weight:bold}
    </style>
    </head>
    <body>
    <p>
    实例测试翰墨模式,<span class="jiacu">我应用span加粗</span>!
    </p>
    </body>
    </html>
    

    2、截图

    span使用class设置字体加粗
    span应用class设置字体加粗图文实例

    通过对span设置装备摆设class,也能够运用id设置装备摆设字体加粗,方法沟通。

    依照以上各种门径,融会贯通矫捷用span构造时,设置紧要的排版效果。

    如需转载,请注明文章出处和来源网址:http://www.cuhw.com.cn/template/m52631.shtml

  • 紫光阁中共中央国家机关工作委员会 2020-02-23
  • 看见什么有用?[猜想] 2020-02-23
  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14