CSS 加粗(css font-weight)
CSS 加粗(css font-weight)
CSS 加粗知识与CSS 加粗实例
DIV+CSS基础知识
CSS 加粗这里指的是通过DIV CSS控制对象的加粗。
使用CSS属性单词
font-weight
对象值:从100到900,最常用font-weight的值为bold
font-weight参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
详细基础加粗知识请进CSS手册中的font-weight手册。
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即可实现加粗。
相关阅读
CSS高度
CSS宽度
CSS 颜色
CSS文本
CSS padding
CSS margin
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r122.shtml
相关文章
- [转] css自定义字体font-face的兼容和使用
- 一行 CSS 代码的魅力
- jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
- 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码
- 【前端学习之HTML&CSS】-- 第二篇 -- HTML&CSS概述及开发环境准备
- 6-css样式
- css未知大小的图片居中
- CSS八种让人眼前一亮的HOVER效果
- webpack4+(打包后的文件分析+脚本打包+HTML插件+样式处理CSS+Less+css抽离压缩)
- 用HTML CSS JS 实现一个工作招聘平台展示响应式网站
- vue中的css作用域、vue中的scoped坑点
- 浅析css性能优化font-display的使用:控制字体加载和替换
- CSS魔法堂:不得不说的Containing Block
- CSS3魔法堂:认识@font-face和Font Icon
- CSS魔法堂:再次认识font
- CSS学习知识整理(五)Css display(显示)