13用户界面样式

Posted 2020-08-23 U201113877

CSS2中定义了6个系统字体关键字，caption（由标题控件使用的字体样式）、icon（操作系统图标标签所用的字体样式）、menu（下拉菜单和菜单列表中文本使用的字体样式）、message-box（对话框中文本使用的字体样式）、small-caption（由标题小控件的标签使用的字体样式）、status-bar（窗口状态条中文本使用的字体样式）。这些值只能用于font属性，它们本身就是简写形式。

总共有28个系统颜色关键字，不过CSS没有明确定义这些关键字。

cursor属性可以改变光标图标，值：[[<url>,]*[auto|defoult|pointer|crosshair|move|e-resize|ne-resize|nw-resize|n-resize|se-resize|sw-resize|s-resize|w-resize|text|wait|help|process]]|inherit.默认值auto只表示用户代理应当确定最合适当前上下文的光标图标。这与default不同，后者要求图标是操作系统的默认光标，默认光标通常是一个箭头。值pointer会把光标图标改成与移过超链接时的光标相同。crosshair（十字符号）通常用于屏幕捕捉程序，如果用户想准确地知道正在点击哪一个像素，这就很有用。wait表示用户要等待直到程序不忙为止，而progress指示用户完全可以继续与程序交互，尽管它很忙。使用一个URL值，可以指定定制光标，URL必须跟有一个逗号和某个通用关键字。对于可能采用的任何图形光标，cursor都要求有后路。

轮廓有点类似与边框，不过有两个重要区别。1.轮廓不会像边框那样参与到文档流中，因此轮廓出现或消失时不会影响文档流，即不会导致文档的重新显示。2轮廓可能不是矩形。CSS2规范指出，轮廓可以画在边框边界的外面。一般认为轮廓是用户界面样式的一部分，因为它们最常用于指示当前焦点。outline-style用于设置轮廓样式，值：none|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit。只能为outline-style指定一个关键字（而边框最多可以指定4个关键字）。outline-width用于指点轮廓的宽度，值：thin|medium|thick|<length>|inherit.outline-color属性用于设置轮廓颜色，值：<color>|invert|inherit，默认值是invert，反色轮廓意味着对轮廓所在的像素完成反色转换。outline是轮廓的简写属性，值：[<outline-color>||<outline-style>||<outline_width>]|inherit。