首页 > 代码库 > 13用户界面样式

13用户界面样式

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。

13用户界面样式