建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > 新手学DIV+CSS >

CSS 字体加粗(css font-weight)

更新时间:2015-12-30整理编辑:建站学习网阅读:0
  CSS 加粗这里指的是通过DIV CSS控制对象的加粗。

  使用CSS属性单词:font-weight

  font-weight参数:
  normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

  bold : 粗体。相当于number为700。也相当于b对象的作用

  bolder : IE5+ 特粗体

  lighter : IE5+ 细体

  number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

  Html常规加粗标签

  以前html直接对对象加粗的标签如下:

  <b></b><strong></strong>两者效果相同。

  加粗实例,代码如下:
  <strong>我被加粗</strong><br />

  <b>我也被加粗了</b><br/>

  我未被加粗

  html 加粗实例截图:

    

  CSS 加粗基础技巧实例

  CSS 代码:
  .yangshi1{ font-weight:bold}

  .yangshi2{ font-weight:800}

  Div html代码:
  <span class="yangshi1">我被加粗</span><br />

  <span class="yangshi2">我也被加粗了</span><br />

  我未被加粗

  CSS 加粗结果演示:

    

  说明此图为CSS加粗实例片段代码和结果图。这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

  总结与推荐:

  1、在html对对象直接加粗可以用<b>或<strong>对其加粗

  2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。

本文网址:https://www.dedexuexi.com/divcss/xs/554.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
<base> 标签的 target 属性
« 上一篇2015年12月28日
css 字体颜色(css color)
2015年12月28日下一篇 »
  • CSS3 background-size 属性
    0阅读
    实例 规定背景图像的尺寸: div { background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat; } 浏览器支持 IE9+、Firefox 4+、Opera、Chrome 以及 Safa...
  • CSS学习新手快速入门简单教程
    0阅读
    CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。下面一起来看看CSS学习新手快速入门简...
  • HTML学习新手快速入门简单教程
    0阅读
    什么是HTML呢?从事Web开发的人是避开不了HTML的,它是Web开发的基础语言。下面一起来看看HTML学习新手快速入门简单教程吧。 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了
  • css 文字加粗字体加粗代码有哪些加粗方式
    0阅读
    我们常常对HTML代码中文字字体进行加粗,无论中文、英文、数字以及符合进行加粗布局。给大家介绍几种方法包括使用CSS加粗样式或HTML加粗标签。 一、css加粗 CSS 加粗样式单词为font-weight 使用语法: div{font-weight:bold } 代表对DIV盒子内文字进行加粗样式...
  • CSS background 属性
    0阅读
    实例 如何在一个声明中设置所有背景属性: body{background: #00FF00 url(bgimage.gif) no-repeat fixed top;} 浏览器支持 所有浏览器都支持 background 属性。 注释:IE8 以及更早的浏览器不支持一个元素多个背景图像。 注释:IE...
 
QQ在线咨询