通行证│用户名: 密码: 验证码: 验证码,看不清楚?请点击刷新验证码 电信网通铁通移动   在线
资源搜索:
热门搜索:Linux VB C语言 PhotoShop Flash TCP/IP
   首页 | 文章 | 软件 | 动画 | 资源 | 励志 | 骗术 | 论坛 | 邮箱 | 会员中心 | 军事 | 科技 | 博客 | 图片 | 商城 | 最新更新 | 800g资源 | 爱心黑客
您现在的位置: 爱国者黑客 >> 资源 >> WEB开发 >> HTML >> CSS教程 >> 文章正文

上一页  [1] [2] [3] [4] [5] 

5日精通样式表一
责任编辑:admin   更新日期:2005-8-6
none 使所有继承的文字变形参数被忽略,文字将以正常形式显示。
例:
This sentence serves as an example.

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

如果你的浏览器不支持上述显示效果,请点击这里查看显示效果。文字修饰(text-decoration

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

其基本语法如下:

    B { text-decoration: underline }

大部分的选项使得文字变得难以阅读:

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

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

如果你的浏览器不支持这些CSS属性,请点击这里查看显示效果。

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

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

思考以下这些为<A>标签预定义的分类A:link用于正常的未被访问过的链接,A:active用于你正在点击的链接
A:visited 用于已经访问过的链接。

这些指令进入你的植入、链接、输入的样式表,但不会改变你的HTML链接代码:
<A HREF="http://www.webmonkey.com/">
Link</A>
以下是显示结果:

如果你的浏览器不支持这种CSS属性,请点击这里查看显示效果。

你不仅可以消除链接的下划线,而且你还可以利用这3条属性使用CSS的其它属性,比如,你可以使得为被访问过的链接以12pointsArial加重字体显示,而访问过的链接以10points尺寸的Times斜体字显示。这个世界可以由你自由塑造,

可惜呀,可惜!并不是所有的浏览器都支持这项属性。Communicator支持带文字修饰(text-decoration)的预定义分类,但对其它属性非常挑剔。IE 3不支持A:active(MAC不支持Avisited)IE 4支持全部这些属性。

尽管有这些局限,但至少你比以前有了更多的可能性!这都要感谢CSS的创作者...

 
  • 上一篇文章:
  • 下一篇文章:
  • 热门文章
    Olldbg常见问题
    汇编语言的艺术(组合语言的艺术)--观
    汇编语言的艺术(组合语言的艺术)--准
    汇编语言的艺术(组合语言的艺术)--基
    汇编语言的艺术(组合语言的艺术)--基
    汇编语言---程式设计 (4)
    虚拟8086模式
    SYS命令使用说明
    javascript + CSS 实现动态菜单显
    推荐文章
    自制Windows XP SP2自动安装光盘
    SQLServer注入工具改进版 v1.02
    使用photoshop CS进行自然美肤
    Photoshop绘制诺基亚手机
    PHOTOSHOP制作秋日之梦
    PHOTOSHOP鼠绘名模王爱萍
    Photoshop制作晶莹飞溅的水珠
    教你用PHOTOSHOP做放大镜
    鼠绘美女及服装修画全过程