样式表中的字体

字体风格,属性是:font-style, 例:

H3 { font-style: italic }

字体风格的定义有:italic(斜体), Oblique(斜体,经测试与italic没区别),normal(正常显示,取消倾斜风格)

字重, 属性是:font-weight, 加重风格可以关闭或打开,利用字重属性,可以创造出一系列新的加重字体。

  • P { font-weight: bold }

这是字重最常见的应用方式,而normal属性也可以取消加重字体,将字体以正常形式显示。还可以用数值100,200,...900。正常的非加重体的字体值为400,900是最加重的字体参数值。Web浏览器将决定每一参数值的实际显示。

还可以给字重加上lighter和bolder参数,当然前提是所使用的字体已经赋予了某种级别的加重字体属性。在已有属性级别上,浏览器将使字体的显示相应地更加重一些(bolder)或更轻一些(lighter)。(注意:IE 3或Netscape Communicator都不支持lighter或bolder参数。)

字体参数(font-variant): 这时一种挺简单的属性,你可以将正常文字缩小一半尺寸后大写显示。 例如:

  • H2 { font-variant: small-caps }

Communicator或者IE旧版都不支持这项属性。IE4有些靠近这种标准,但它只是将字体以正常的大写形式显示。大概IE5.0能支持这项属性。可以试试。

文字变形(text-transform): 这项属性控制字母大小写。基本代码:

  • B { text-transform: uppercase }

    以下为所有可用的参数:

  • uppercase 使所有字母大写显示。
  • lowercase使所有字母小写显示。
  • capitalize 使每个单词的第1个字母大写显示,例:This sentence serves as an example.
  • none 使所有继承的文字变形参数被忽略,文字将以正常形式显示。例:This sentence serves as an example.

(注意:IE3不支持文字变形)

文字修饰(text-decoration): 基本语法如下:

  • B { text-decoration: underline }

以下为text-decoration的可用参数:

  • underline 给文字下划线,例:these words.
  • overline 给文字上划线,例:these words.
  • line-through 给文字划出删除线,例:these words.
  • blink 赋予文字闪烁的效果。
  • none 使得上述效果都不会发生。

(注意:Communicator不支持上划线,IE4不支持文字闪烁,IE3对这些都不支持。)

none参数可以使链接的文字不以下划线的形式显示。具体做法:

  • A:link { text-decoration: none }
    A:active { text-decoration: none }
    A:visited { text-decoration: none }

A:link用于正常的未被访问过的链接,A:active用于你正在点击的链接, A:visited 用于已经访问过的链接。

也可以直接用:A {text-decoration: none},该定义包含以上三个定义的效果。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值