您现在的位置: 365建站网 > 365学习 > css学习第二天

css学习第二天

文章来源:365jz.com     点击数:117    更新时间:2009-09-16 11:49   参与评论

2.4 加重显示和斜体字的所有方式

字体风格

字体风格用来控制斜体字的属性,非常漂亮又非常简单:

H3 { font-style: italic }

字重

 

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

P { font-weight: bold }

 

这就是字模H2 { font-family(字模): helvetica,
impact, sans-serif }

这里是Web浏览器阐释样式表的规则:首先在列表中寻找字体的名称(helvetica),如果在该计算机中安装了这种字体,就使用它。如果没有安装,则移向下一种字体(impact),如果这种字体也没有安装,则移向第3种字体(sans-serif)。sans-serif字体参数是浏览器可以依据的最后一种参数,它告诉浏览器使用任何一种缺省sans-serif字体(或许就是Arial)。

其它字体名称诀窍:

  • 如果一种字体的名称不只一个单词,如Gill Sans,在你的CSS代码中用引号包含该字体的名称。

BODY { font-family: "gill sans", "new baskerville", serif }

  • 行内加入的CSS规则,使用单引号:

<P STYLE="font-family:
'gill sans', 'new
baskerville', serif">Text
goes here.</P>

  • 如果你将CSS规则的说明组合在一起,而其中又包含字模系列,将字模系列列在最后,例:

H2 { color: red; margin:
10px; font-family: times,
serif }

  • 有时候如果字模系列没有列在最后一条IE 3 会忽略整个一条CSS规则,很莫名其妙,但却是真的。

 

利用字模系列属性,你可以按照字体名称调用字体,而且在使用<FONT FACE>标签时将拥有更大的灵活性。

2.5 文字的特殊效果


文字变形text-transform

字体参数(font-variant)

文字修饰(text-decoration

几十年以来(不管怎么说,反正很长的一段时间以来),所有链接了的文字在浏览器中都以下划线的形式显示,对这种事实我们都无计可施。我认为这种形式效果很难看,女士们先生们,现在我们有解决办法了:文字修饰(text-decoration)

字体属性把他想像成一个模子然后再加点涂料,再量量大小,再设定字体风格,还有字重;下划线字体参数

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (117人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------