关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站CSS中的字体属性,做网站时字体属性设置

作者:佚名   时间:2014-03-13   分享到:

CSS字体属性(font-size与font-stretch)
font-size属性允许我们使用相对或绝对长度值、百分比及关键字来定义字体大小。
例如:

p {font-size:12pt;}
p {font-size:120%;}
p {font-size:+2pt;}
p {font-size:medium;}
p {font-size:larger;}
在上面的示例中,第一条规则很可能是最常用的,因为大家最熟悉它了;它将文档段落中所含文本的字体大小设置为特定的磅数(在此例中是12)。第二条规则将字体大小设置为比父元素字体的大小大20%。第三条规则比正常字体大小大2磅。

第四条规则选择是浏览器预先定义的一种字体大小,用medium关键字来标识。有效的绝对关键字是xx-smll、x-small、samll、medium、large、x-large和xx-large,通常与<font>标签中size属性的7种字体大小相对应。

最后一条font-size规则选择了比父元素所有字体大一号的字体。这样,如果正常大小是medium,就要改变为large。也可以指定smller来得到期望的结果。
目前的浏览器都不能正确处理增大的字体。准确的说,它们会忽略加、减号,只用它的绝对值作为大小。因此,对于本节中的那个示例来说,最终的字体大小是2磅,而不是比正常大小大两磅。
font-stretch属性

除大小不同之外,字体系列有时会包含压缩和扩展版本,在这两种版本中,字符分别被进行了挤压或扩展。使用font-stretch属性便可以从字体中选择更宽或更窄的字符。
使用normal属性值则可以选择正常大小的字体。相对值wider和narrower会分别使字体字符宽一号或者窄一号,但不能超过字体系列中最宽或最窄的字体。
font-stretch其余的属性值选择了字体系列的特定变化。从最窄的字体开始到最宽的字体结束,这些值分别是:ultra-condensed、extra-condensed、condensed、semi-condensed、expanded、extra-expanded和ultra-expanded。

当然,font-stretch属性假设用户的显示字体支持可扩展字体。即使这样,目前流行的浏览器仍会忽略这个属性。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7333.html

上海联楷网络新闻