CSS教程:什么是用户样式表?_CSS教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
  用户样式表是由用户定义的样式表,由用户创建,并存放于个人的本地计算机上。浏览器自动加载该文件,并将它应用于查看的网页。

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

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

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

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

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

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

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

  用户定义的样式表示例

示例代码 [www.mb5u.com]
* { 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中,它是高级首选项。

来源:无忧整理//所属分类:CSS教程/更新时间:2007-09-24
相关CSS教程