样式表中定义字体的斜体,粗细,大小写,上(下)划线及删除线和闪烁字体

字体风格,属性是: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},该定义包含以上三个定义的效果。


你可能感兴趣的:(样式表中定义字体的斜体,粗细,大小写,上(下)划线及删除线和闪烁字体)