论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

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

文章类别:div+css布局 | 发表日期:2008-9-26 11:34:03

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

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

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

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

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

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

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

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

  用户定义的样式表示例

div css xhtml xml Example Source Code Example Source Code [www.21shipin.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中,它是高级首选项。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058