PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> CSS >> 

五日精通CSS层叠样式表之第二日(3)

五日精通CSS层叠样式表之第二日(3)

来源:互联网  作者:未知  发布时间:2007-12-12
对字号的控制 利用HTML你只能FONT SIZE=X?设定7种字号,很令人沮丧,是吧?但等你看完本页之后,你将会发出一声长长的WOOOOOOOOOOOW! 字号 使用font-size 属性,你可以对文字的尺寸进行无限的控制。 确定这的3种基本方法: Points, ems, pixels, 及其它单位 关键字 比


还要两种相对尺寸关键字:

  • smaller
  • larger

smaller参数告诉浏览器将当前文字在关键字规格基础上“缩小一级”,例如,如果large字号的文字应用smaller参数,则其字号变成了midium尺寸。larger参数的作用类似。

(注意:IE 3不支持smaller或larger参数。)


比例参数


设定文字尺寸的第3种办法就是使用比例参数,例:

    P { font-size: 15pt }
    B { font-size: 300% }


这些规则的含义为:使所有包含在<P>中的的<B>文字的尺寸为<P>尺寸设定值的3倍,即45 points。比例参数常用于从母体要素继承的参数值。

浏览器对比例参数比较挑剔,所以你必须经常测试。

有了这么多的选择是不是很让人高兴呢?由于有了font-size属性,我们能够随意调整文字的尺寸,如同以下的例子所示:(每一个字母i都比前一个大5pt)


i i i i i i i i i i i i i i


试着用HTML制作这种效果!


Tags: 精通   尺寸   参数   css   样式表   C     样式  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号