您的位置:CSS主页 > CSS基础 >

CSS font-size文本字体大小样式教程

 

DIV CSS font-size文本字体大小尺寸设置属性;使用css font-size文字大小样式实现对文字文本字体大小控制。

CSS字体大小目录
  1. 文字大小font-size语法
  2. font-size案例代码
  3. font-size案例截图
  4. font-size总结
  5. font-size字体大小演示

1、文字大小font-size语法:   -   TOP

.thinkcss{font-size:12px;}
设置了CSS文字大小为12px像素
Font-size+字体大小数值+单位

2、font-size案例代码   -   TOP

文字大小案例CSS代码:
#thinkcss{ font-size:14px;}
.thinkcss{ font-size:18px;}

字体大小案例HTML代码
<div id="thinkcss">我大小为14px</div>
<div class="thinkcss">我大小为18px</div>

3、font-size案例截图   -   TOP

DIV+CSS字体大小样式案例截图
CSS font-size文字字体大小教程案例截图

4、font-size总结   -   TOP

对于对对象文本字体大小的样式控制设置我们可以使用font-size+具体数字+单位,即可实现对象内文字大小控制。一般字体大小为正,除了使用数字加单位设置对象文字文字大小实现,也可以以百分比进行文字大小设置如(100%)实现文本字体大小,大家下来可以试试。

5、在线演示   -   TOP

http://www.thinkcss.com/yanshi/css_font-size.html

标签(Tag): 字体 大小 文字大小 css文字大小

更多

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-08-23     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/c68.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息