当前位置: 网站建设 > 网页设计 > 建站经验 >

5.文字的CSS特殊效果

时间:2013-03-02 03:40来源:未知 作者:admin 点击:

标签:5.文字的CSS特殊效果 特殊(8)参数(6)用的(29)效果(56)文字(34)有可(1)可怜(1)CSS(655)以下(7)为所(1)
以下为所有可用的参数: 很可怜,Communicator或者Internet Explorer目前都不支持这项属性。IE 4有 些凑近这种尺度,但它只是将字体以正常 的大写形式显示。 B { text-decoration: underline } H2 { font-variant: small-caps } Tag:CSS CSS A:link { text-
5.文字的CSS特殊效果》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023313H013.htm

以下为所有可用的参数:

很可怜,Communicator或者Internet Explorer目前都不支持这项属性。IE 4有 些凑近这种尺度,但它只是将字体以正常 的大写形式显示。

B { text-decoration: underline }

H2 { font-variant: small-caps }

Tag:CSS   CSS  

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

--> [网站建设之]5.文字的CSS特特效果

下面你将发明其它一些有关字体的CSS样式表 属性,你可以将其参加到你的工具箱中。 字体参数(font-variant) 这时一种挺简略的属性,你可以将正常文 字缩小一半尺寸后大写显示。

以下是显示成果:

underline 给文字下划线,例: these words. overline给文字上划线,例: these words. line-through给文字划出删除线, 例:these words. blink是你在噩梦中经常看到的-- 文字在闪烁,例: these words. none使得上述后果都不会产生。

(留神:Communicator不支持上划线, IE 4不支持文字闪耀,IE 3对这些都不 支持。)。 none参数无比有用,你可以使链接的文字 不以下划线的形式显示。详细做法:

<A HREF=" Link</A>

B { text-transform: uppercase }

This text is a link, but not underlined!

uppercase 使所有字母大写显示, 例: This sentence serves as an example. lowercase使所有字母小写显示, 例: This sentence serves as an example. capitalize 使每个单词的第1个字 母大写显示,例: This sentence serves as an example. none 使所有继续的文字变形参数 被疏忽,文字将以畸形情势显示。 例: This sentence serves as an example.

大局部的选项使得文字变得难以浏览:

这项属性能够使你轻而易举地把持字母 大写。基础代码:

你不仅可以打消链接的下划线,而且你还 可以应用这3条属性应用CSS的其它属性, 比方,你可以使得为被拜访过的链接以12points的Arial加重字体显示,而访问 过的链接以10points尺寸的Times斜体字 显示。这个世界可以由你自在塑造, 可惜呀,惋惜!并不是所有的阅读器都支 持这项属性。Communicator支持带文字修 饰(text-decoration)的预约义分类, 但对其它属性十分抉剔。IE 3不支持 A:active(而MAC不支持A:visited), IE 4支撑全体这些属性。 只管有这些局限,但至少你比以前有了更 多的可能性!这都要感激CSS的创作者... 下面是一个小训练。

文字修饰(text-decoration) 多少十年以来(不论怎么说,反正很长的一 段时光以来),所有链接了的文字在浏览 器中都以下划线的形式显示,对这种事实 我们都机关用尽。我以为这种形式效果很 丢脸,女士们先生们,当初咱们有解决办 法了:文字润饰(text-decoration)。 其根本语法如下:

返回本专题:《CSS层叠样式表教程》的目录

盼望IE5.0能支持这项属性。 文字变形(text-transform)

思考以下这些为<A>标签预定义的分类 A:link用于正常的未被访问过的链接, A:active用于你正在点击的链接 A:visited 用于已经访问过的链接。 这些指令进入你的植入、链接、输入的 款式表,但不会转变你的HTML链接代码:

相关的主题文章:
(责任编辑:网站建设)
5.文字的CSS特殊效果相关文章
上一篇:5.css边距及空格填充 下一篇:50个制作网站的诀窍
回到顶部