当前位置: 网站建设 > 网页设计 > 建站经验 >

3.CSS对字号的控制

时间:2013-03-02 03:40来源:未知 作者:admin 点击:

标签:3.CSS对字号的控制 3.CSS(4)CSS(655)号的(3)控制(21)Tag(145)font-size(5)
Tag:CSS CSS P { font-size: 16pt } 关键字 如果你不爱好使用这些单位,你还可以抉择以关键 字阐明文字尺寸,例: 返回本专题:《CSS层叠样式表教程》的目录 Points, like all other units, work as small or as big as you want (that was 8 points and 80
3.CSS对字号的控制》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331212013.htm
Tag:CSS   CSS  

P { font-size: 16pt }

关键字 如果你不爱好使用这些单位,你还可以抉择以关键 字阐明文字尺寸,例:

返回本专题:《CSS层叠样式表教程》的目录

Points, like all other units, work as small or as big as you want (that was 8 points and 80 points, respectively).

有7种关键字,绝对应于<FONTSIZE>中所用的数字参 数:

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

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

以上语句采取CSS font-size属性制造。下一个单位,EM:

xx-small x-small small medium large x-large xx-large

网页设计的角度来说,pixel(象素)是一个非 常熟习的单位,它最大的长处就在于所有的操作 平台都支持pixel单位(而对其它的单位来说, PC机的文字老是显得比MAC机中大一些。 而其不利之处在于,当你使用pixels单位时,网页 的屏幕显示不稳固,字体时大时小,甚至有时基本 不显示,而points 单位则不这种问题。 其它单位:如果上述单位依然不合乎你的请求, 请尝尝这些单位:

P { font-size: 20pt } B { font-size: 1.5em }

smaller larger

Points, Ems, Pixels, 及其它单位 样式表可以识别很多种确定一种要素尺寸的不 同单位: 第1种, points:

这条代码告诉浏览器以16 points(点)的尺寸 显示<P>。 Points是肯定文字尺寸十分好的单位,因为它 在所有的浏览器和操作平台上都实用。你独一 须要留心的就是在缺省设置下,PC机中显示的 字要比MAC机中显示的大一些。 如果这一点对你来说很主要的话,你可以利用 javascript辨认不同人所使用的操作平台,然 后依据不同的平台链接相应的CSS文件。

比例参数

P { font-size: 20px }

P { font-size: large }

这些规矩的含意为:使所有包含在<P>中的的<B>文 字的尺寸为<P>尺寸设定值的3倍,即45 points。 比例参数常用于从母体要素继续的参数值。 浏览器对照例参数比拟抉剔,所以你必需常常测试。 有了这么多的取舍是不是很让人愉快呢?因为有了 font-size属性,咱们可能随便调剂文字的尺寸,如 同以下的例子所示:(每一个字母i都比前一个大5 pt)

smaller参数告知浏览器将当前文字在要害字规格 基本上“缩小一级”,例如,假如large字号的文 字利用smaller参数,则其字号变成了midium尺寸。 larger参数的作用相似。 (留神:IE 3不支持smaller或larger参数。)

in (英寸) cm (厘米) mm (毫米) pc (打字机字型尺寸单位) ex (x-height)

em 是跟point雷同的间隔单位。在款式表中,em 指母体因素的尺寸。所以,在上例中,所有包括 在<P>中的<B>的文字的尺寸将是30points(由于 <B>中的找是母体字号(20pt)的1.5倍。 然而,阅读器对em不是很支撑,所以你仍是最好 用point单位。 下一个单位,pixels:

利用这些参数,Web浏览器可以自在决议每一种关 键字所合适的尺寸。例如:在Netscape Communicator中x-large的尺寸为28points,而在 IE 4(windows及MAC)中为24points,而在Win 95 下的IE 3中为18points。 还要两种相对尺寸关键字:

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

--> [网站建设之]3.CSS对字号的把持

不应用CSS,应用HTML你只能<FONT SIZE=X?>设定7种字号, 很令人懊丧,是吧?但等你看完本页之后,你 将会发出一声长长的WOOOOOOOOOOOW! 字号 使用font-size 属性,你能够对文字的尺寸进 行无穷的节制。 断定这的3种基础方式: Points, ems, pixels, 及其它单位 症结字 比例参数 相关的主题文章:
(责任编辑:网站建设)
3.CSS对字号的控制相关文章
上一篇:2级下拉菜单之CSS兼容和JS事件冒泡问题 下一篇:3.css行距
回到顶部