网页设计中的系统颜色

2022-06-09    分类: 网站建设

系统颜色

警告:在本文中,CSS3颜色模块的工作草案废弃了系统颜色关键字,而增加了新的属性appearance。类似地,CSS2.1预期到CSS3中的这些修改,也废弃了这些关键字,强烈建议创作人员在网站建设时不要使用系统颜色,因为在CSS的将来版本中它们很可能不再出现。之所以要强调这一点,原因是当前可用的一些浏览器确实支持系统颜色。

如果在设计网页时你想重用用户操作系统中指定的颜色,CSS2为此定义了一系列系统颜色关键字。只要能用值的环境,就可以使用这些值。例如,可以通过以下声明让一个元素的背景与用户的桌面颜色一致:

div#test {background-color: Background;}

因此,可以如下为文档指定系统的默认文本颜色和背景颜色:

body (color: WindowText; background: Window;}

通过这种定制,更有可能让用户很好地阅读文档,因为用户应该已经适当地配置了操作系统以支持这些颜色(如果没有,那是他活该!)。

总共有28个系统颜色关键字,不过CSS没有明确地定义这些关键字。相反,对各个关键字的含义只有一些概括(而且非常简短)的描述。下表描述了所有这28个关键字。如果Windows 2000显示控制面板的“外观”页中有选项与之对应,将在以下描述中补充说明。

ActiveBorder

这种颜色应用于活动窗口的外边框(“活动窗口边框”中的第一个颜色)。

ActiveCaption

当前活动窗口标题的背景色(“活动标题栏”中的第一个颜色)。

AppWorkspace

支持多个文档的应用中使用的背景色,例如Microsoft Word中打开文档“后面”的背景色(“应用背景”中的第一个颜色)。

Background

桌面的背景色(“桌面”中的第一个颜色)。

ButtonFace

三维按钮“面”上使用的颜色。

ButtonHighlight

三维显示元素背离虚拟光源的边沿上的亮色。因此,如果虚拟光源位于左上角,这就是显示元素右边界和下边界上使用的亮色。

ButtonShadow

三维显示元素的阴影色。

ButtonText

“按下”按钮上文本的颜色(“3D对象”中的字体颜色)。

CaptionText

标题。大小框中的文本以及滚动箭头框中符号的颜色(“活动标题栏”中的字体颜色)。

GrayText

置灰(禁用)文本。如果当前显示驱动程序不支持纯灰色,这个关键字解释为#000。 Highlight控件中选中项的颜色(“选中项”中的第一个颜色)。

HighlightText

控件中选中项的文本颜色(“选中项”中的字体颜色)。

InactiveBorder

应用于不活动窗口的外边框的颜色(“不活动窗口边框”中的第一个颜色)。

InactiveCaption

不活动窗口的标题的背景色(“不活动标题栏”的第一个颜色)。

Inact iveCapti onText

不活动标题中的文本颜色(“不活动标题栏”的字体颜色)。

InfoBackground

工具提示中的背景色(“工具提示”中的第一个颜色)。

InfoText

工具提示中的文本颜色(“工具提示”中的字体颜色)。

Menu

菜单背景的颜色(“菜单”中的第一个颜色)。

MenuText

菜单中的文本颜色(“菜单”中的字体颜色)。

Scrollbar

滚动条的“灰色区域”。

ThreeDDarkShadow

与三维显示元素的深阴影颜色相同。

ThreeDFace

与三维显示元素的表面颜色相同。

ThreeDHighlight

三维显示元素上的亮色。

ThreeDLightShadow

三维显示元素上的浅色(面向光源边沿上的颜色)。

ThreeDShadow

三维显示元素上的深阴影。

Window

窗口的背景的颜色(“窗口”中的第一个颜色)。

WindowFrame

应用于窗口的框架的颜色。

WindowText

窗口中的文本颜色(“窗口”中的字体颜色)。

CSS2将系统颜色关键字定义为不区分大小写,不过建议在网页设计时还是使用上表所示的混合大小写写法,这样颜色名更可读。可以看到,ThreeDLightShadow乍看上去就比threed- light shadow更容易理解。

系统颜色关键字本质上是含糊的,这有一个明显的缺点,不同的用户代理可能以不同的方式解释这些关键字,即使这些用户代理在同一个操作系统上运行。因此,在使用这些关键字设计网页时,不要指望肯定会有一致的结果。例如,要避免这样的文字:“査找颜色与桌面颜色一致的文本。”因为用户可能在默认桌面颜色之上放了一个桌面图像(或“墙纸”)。


名称栏目:网页设计中的系统颜色
URL网址:https://www.cdcxhl.com/news24/165374.html

成都网站建设公司_创新互联,为您提供全网营销推广小程序开发ChatGPT微信公众号手机网站建设网站策划

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设