? CSS 字体大小365bet亚洲版_365Bet充值钱没到账_365bet网址font-size-CSS布局HTML 365bet亚洲版_365Bet充值钱没到账_365bet网址
您的位置:CSS5 > DIV CSS基础 >

CSS 字体大小365bet亚洲版_365Bet充值钱没到账_365bet网址font-size

发布日期:2013-01-22 18:43:29 来源:css5.com.cn

?CSS font-size字体文字大小样式属性-字体大小样式篇:

本节CSS5为大家介绍通过CSS样式设置文字字体大小知识,涉及CSS样式单词font-size

目录
  1. 设置字体大小CSS单词与语法
  2. font-size使用方法
  3. font-size效果截图
  4. font size=5什么意思
  5. CSS font-size常见运用
  6. font-size案例
  7. 对CSS font-size总结

一、设置字体大小CSS单词与语法

基本语法结构:

.CSS5{font-size:12px;}

设置了文字大小为12px像素
Font-size+字体大小数值+单位

单词:font-size
语法:font-size : absolute-size | relative-size | length
取值:xx-small | x-small | small | medium | large | x-large | xx-large
xx-small:最小
x-small:较小
small:小
medium:正常(默认值),根据字体进行调整
large:大
x-large:较大
xx-large:最大
也可取具体长度单位值

二、font-size使用方法

font-size:12px; 设置对象具体字体大小为12px
font-size:xx-small; 设置文字大小为最小
font-size:small; 设置文字字体大小为小
font-size:x-large;设置对象字体大小为较大
font-size:larger;设置对象字体大小为大
font-size:smaller;相对于父容器中字体尺寸进行相对减小
font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小
font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小

三、使用效果与截图

对应CSS+div代码:

  



font-size字体大小测试-CSS5实验




我被font-size值为12px大小

我被font-size值为xx-small大小

我被font-size值为small大小

我被font-size值为x-large大小

我被font-size值为larger大小

我被font-size值为smaller大小

我被font-size值为50%大小

我被font-size值为150%大小


Font-size样式设置与IE浏览对比效果图:

DIV+CSS font-size字体大小演示对比图

FONT-SIZE样式属性演示图

四、font size=5什么意思

有时我们看见或遇到如:
内容
这个方法也是直接使用font标签加size设置对象字体大小。这里5代表设置对象字体大小为5号字。
大家可以使用此方法测试测试比如设置size="2"、size="3"、size="8"等等不同值观察观察区别并掌握。

五、CSS font-size常见运用

5-1、直接标签内使用font-size设置对象内容字体大小

我被设置字体大小为14px

5-2、使用标签与CSS样式分离设置对象内容字体大小(推荐)
CSS代码:.CSS5{ font-size:16px;}

对应HTML DIV代码:

我被CSS font-size样式设置字体大小为16px

我们常常以此方法来设置对象字体大小。也就是所说的表现与CSS样式分离。

六、font-size案例

1、文字大小案例CSS代码

#CSS5{ font-size:14px;} 
.CSS5{ font-size:18px;}

2、字体大小案例HTML代码

我大小为14px

我大小为18px

3、font-size案例截图

css font-size案例截图
font-size文字字体大小案例截图

七、对CSS font-size总结

我们使用CSS font-size设置对象字体大小样式,一般设置文字字体大小以具体长度单位值来确定对象内容文字大小。总之记住如CSS代码font-size:14px,即设置对象字体大小为14px(像素)。

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

扩展:如过遇到谷歌浏览器Chrome设置具体字体大小小于了12px会出现设置无效,此时可以看看解决谷歌浏览器设置文字字体小于12px方法://www.css5.com.cn/wenti/321.shtml

扩展相关阅读
div字体大小

标签(Tag): 字体大小 font size CSS字体大小
本文分享URL地址:https://www.css5.com.cn/css/322.shtml

作者:css5

上一页:上一篇:DIV+CSS是什么?
下一页:下一篇:CSS text-align内容位置排版365bet亚洲版_365Bet充值钱没到账_365bet网址