荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: tiny (这学期要努力咯), 信区: Homepage
标  题: CSS实用教程3
发信站: 荔园晨风BBS站 (Wed Mar 13 11:58:26 2002), 转信

CSS实用教程

作者:黄宝骅/eNet技术学院

六.控制字体的样式


控制字体的样式包括控制字体类型、字体大小、字体风格、字体粗细四个部分。





1.字体类型


平时在使用WORD之类的字处理软件的时候,经常需要调整字体的显示,比如说“
Arial”、“Impact”、“Verdana”等字体都是笔者使用的较多的。


基本格式如下:


font-family: 字体名称


如果在font-family后加上多种字体的名称,浏览器回按字体名称的顺序逐一在用
户的计算机里寻找已经安装的字体,一旦遇到与要求的相匹配的字体,就按这种字
体显示网页内容,并停止搜索;如果不匹配就继续搜索,直到找到为止,万一样式
表里的所有字体都没有安装的话,浏览器就会用自己默认的字体来替代显示网页的
内容。


注意:


·当指定多种字体时,用“,”分隔每种字体名称。


·当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。


·当样式规则外已经有“”时,用‘’代替“”。




2.字体大小


基本格式如下:


font-size: 字号参数


字号的取值范围:


·以Point为单位:点单位在所有的浏览器和操作平台上都适用


·以Em为单位:指字母要素的尺寸,和Point相同距离


·以Pixes为单位:像素可以使用于所有的操作平台,但可能会因为浏览者的屏幕
分辨率不同,而造成显示上的效果差异


·以in(英寸)为单位


·以cm(厘米)为单位


·以mm(毫米)为单位


·以pc(打印机的字体大小)为单位


·以ex(x-height)为单位


·smaller:比当前文字的默认大小更小一号


·larger:比当前文字的默认大小更小大号


·使用比例关系


·xx-small


·x-small


·small


·medium


·large


·x-large


·xx-large




3.字体风格


字体风格只能控制各种斜体字的显示。


基本格式如下:


font-style: 斜体字的名称




4.字体粗细


字体粗细控制粗体字的显示,取值范围从数字100~900,浏览器默认的字体粗细为
400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些



基本格式如下:


font-weight: 字体粗细

太平洋网络学院已经获得eNet技术学院和作者授权转载,版权归eNet技术学院所有
,任何人不得从本站复制,转载!


--
※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.0.158]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店