您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> CSS样式表 >> 文章正文
[图文]什么是用户定义的样式表?           ★★★
什么是用户定义的样式表?
作者:网页教学…  文章来源:网页教学网  点击数:  更新时间:2007-10-24 18:35:28 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

用户定义的样式表由用户创建,并存放于个人的本地计算机上。浏览器自动加载该文件,并将它应用于查看的网页。

用户定义样式表的目的是让Web冲浪者的首选项影响查看Web的方式。这对于某些特殊群体的用户特别有用,包括那些有视觉障碍的用户。例如,如果用户要求高对比度显示,用户样式表应该设置为默认的黑色背景、白色文本和大字体。

理论上,用户样式表很有用。然而实际上,它们需要每个Web用户知道如何写规则,以便用他们喜欢的方式查看Web。对于希望舒适地进行Web冲浪的用户来说,这具有相当大的学习难度。用户现在学习CSS,是因为要设计网站,不是因为只想访问信息。尽管这样,对于那些知道如何使用它们的人,或者那些能够下载和安装别人编写的用户样式表的人来说,用户样式表仍然具有令人难以置信的强大功能。

用户样式表可以具有任何类型的CSS规则,这些规则通常包括在样式表内。语法也非常类似。毕竟它就是另一种外部样式表。然而,在用户样式表中一些规则类型意义不大,因此可以忽略这些规则的几条常规使用警告。

在用户样式表中,用户不必使用所有假设设置了特殊属性的选择符,例如class或者id,因为用户不知道每个页面的HTML中包含什么内容。

通常创建样式表时,用户不希望使用字体大小的绝对值,例如9px或2cm,因为这种值没有考虑用户的首选项。如果将9像素的字体大小放在Web样式表上,有视觉障碍的用户查看它就会有困难。但是编写自己的用户定义样式表时,用户已经知道了最终输出媒介的确切属性,所以在自己的用户定义样式表中使用这些值就非常好。

最后,用户应该声明它们是!important,来给它们赋予最高的优先权。因为毕竟如果设计者的样式表能覆盖它们的话,它对于设置自己的优先选择没有意义。

程序清单给出了用户定义样式表的例子。该样式表特别为需要较大打印字体和高对比度(黑背景白字)的用户而设计。

用户定义的样式表示例

* { color: white !important;
     background-color: white !important;
     font-family: Verdana, sans-serif !important; }
body { font-size: 24pt !important; }
a:link { color: cyan !important; }
a:visited { color: violet !important; }

在创建了用户定义的样式表并将它保存在硬盘驱动器上(某个用户能记住位置的地方)之后,用户需要告诉浏览器使用它。用户如何做取决于使用哪种浏览器。在Internet Explorer中,它位于可访问性之下的首选项中。如果使用Firefox,需要把规则添加到user.css文件。在Opera中,它是让用户选择用户定义样式表的文档下面的首选项。在Safari中,它是高级首选项。

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章:
  • 最新文章
    相关文章
    XHTML+CSS的目的和好处(WEB标准的目的和好处
    常见的CSS问题的“一站式”的解决方案
    国外译文:网页设计如何使用CSS的选择器模式
    CSS实现图片阴影效果三部曲(译文)
    CSS实现不定高度DIV绝对居中
    25条CSS制作网页编写的提醒及小技巧整理
    Opera 中的 CSS 妙用 ── Flash block
    制作网页时手写CSS应该注意的一点技巧
    网页中用于构造图表的一些基本CSS代码
    ul和li标签结合CSS样式表的进行网页布局
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门