CSS字体

设置字体也是CSS在网页样式中的重要作用,与此有关的属性主要有:font,font-style,font-variant,font-weight,font-size,font-family等。字体设置是网页开发的一个重要部分,在CSS没有得到普遍运用之前,网页中存在大量的<font>标签,如今<font>标签已基本被弃用,而基本使用CSS中的字体属性。


[1]font-style:设置字体样式,可选值有

normal:正常的文本样式,

italic:斜体的文本样式,

oblique:指定样式文本样式为斜体的字体。

注意:italic和oblique的区别,两者都可以将字体设置为 倾斜样式,但是还是存在区别,italic是指选择字体族的italic变体,oblique是指选择字体族的oblique变体,如果字体族没有提供italic变体,那么就妥协到oblique变体,如果字体族连oblique变体也没有提供,那么就由浏览器自动合成仿oblique。 


[2]font-variant:设置文本是否为小型的大写字母,可选值有:

normal:正常字体

small-caps:小型的大写字母字体


[3]font-weight:设置文本字体的粗细,可选值有:

normal:默认为normal,相当于数值为400

bold:粗体,相当于数值为700

bolder:特粗体,也相当于<strong>和<b>的对象

lighter:细体

<Integer>:数值,取值范围为100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 


[4]font-size:设置字体大小,取值有以下几种情况:

<绝对大小值>:xx-small,x-small,small,medium,large,x-large,xx-large,绝对值是根据对象字体大小来进行调整。

<相对大小值>:根据父对象中字体大小进行调整,取值有smaller何larger。

<长度值>:用长度制定字体大小值,不允许为复制。

<百分比>:根据父对象中的字体大小设置百分比,不允许负值。


[5]font-family:设置文本字体名称的序列,默认值由浏览器决定,可使用@font-face规则引入外部字体。

注意:字体序列之间用英文逗号分隔,如果字体名称有空格出现,那么需要用单引号或者双引号括起来。


[6]font-stretch:CSS3中的属性,设置文本字体是否横向拉伸。


[7]font:可以使用font属性按照上述的顺序制定字体属性的所有值,其中font-size和font-family是必不可少的,而且可以使font-size/line-size的格式,直接制定文本的行高大小。


这些属性在IE6以及以上版本的浏览器都可以支持..



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值