什么是用户定义的样式表？

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

用户定义样式表的目的是让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中，它是高级首选项。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有