CSS加粗知识与案例
2015-09-28 15:35
537 查看
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>两者效果相同。
加粗实例,代码如下:
html 加粗实例截图:
CSS 加粗基础技巧实例
CSS 代码:
Div html代码:
CSS 加粗结果演示:
说明此图为CSS加粗实例片段代码和结果图。这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。
总结与推荐:
1、在html对对象直接加粗可以用<b>或<strong>对其加粗
2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。
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} |
<span class="yangshi1">我被加粗</span><br /> <span class="yangshi2">我也被加粗了</span><br /> 我未被加粗 |
说明此图为CSS加粗实例片段代码和结果图。这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。
总结与推荐:
1、在html对对象直接加粗可以用<b>或<strong>对其加粗
2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。
相关文章推荐
- 前端精选文摘:css之BFC 神奇背后的原理(转载)
- css基础---第一篇
- div+css布局自适应小结
- 引入CSS
- CSS图像替换技术的几种方案介绍
- CSS的半透明处理
- 浅谈CSS中overflow清除浮动的用法
- CSS的一些圆角图形实例分享
- js实现分页列表添加样式
- 判断手机旋转代码 屏幕旋转的事件和样式
- CSS的position属性详解
- CSS的定位原理
- CSS3绘制圆角矩形的简单示例
- CSS实现菜单背景自适应宽度的方法
- CSS3 Filter详解(改变模糊度 亮度 透明度等方法)
- css
- 改写控件之《仿iOS滑动枷锁样式的登录》
- 改写控件之《仿iOS滑动枷锁样式的登录》
- css 中使用 z-index + absolute控制层的堆叠
- 用css写三角