考试首页 | 考试用书 | 培训课程 | 模拟考场 | 考试论坛  
  当前位置:设计制作 > CSS/HTML > 文章内容
  

CSSfont-size样式属性说明

 [ 2017年8月19日 ] 【

  语法:

  font-size : absolute-size | relative-size | length

  说明:

  设置或检索对象中的字体大小尺寸。

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

  基本语法结构:

  .pcss5{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%大小

  三、使用效果

  源代码:

  < !DOCTYPE html >

  < html >

  

  

  

  

  

  

  

  

我被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值为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=5什么意思

  有时我们看见或遇到如:

  内容

  这个方法也是直接使用font标签加size设置对象字体大小。这里5代表设置对象字体大小为5号字。

  大家可以使用此方法测试测试比如设置size="2"、size="3"、size="8"等等不同值观察观察区别并掌握。

  五、CSS font-size常见运用

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

  

我被设置字体大小为14px

  5-2、使用标签与CSS样式分离设置对象内容字体大小(推荐)

  CSS代码:.pcss5{ font-size:16px;}

  对应HTML DIV代码:

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

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

  六、font-size案例

  1、文字大小案例CSS代码:

  #pcss5{ font-size:14px;}

  .pcss5{ font-size:18px;}

  2、字体大小案例HTML代码:

  

我大小为14px

  

我大小为18px

  3、font-size案例

  我大小为14px

  我大小为18px

  七、对CSS font-size总结

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

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

本文纠错】【告诉好友】【打印此文】【返回顶部
将考试网添加到收藏夹 | 每次上网自动访问考试网 | 复制本页地址,传给QQ/MSN上的好友 | 申请链接 | 意见留言 TOP
关于本站  网站声明  广告服务  联系方式  站内导航  考试论坛
Copyright © 2007-2013 中华考试网(Examw.com) All Rights Reserved