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。

时间: 2024-10-11 22:11:53

13用户界面样式的相关文章

css学习_css用户界面样式

1.css用户界面样式 a.鼠标样式(记住几个兼容性好的) cursor:default/pointer/move/text; b.轮廓 outline outline:2px solid red: outline:0/none(取消轮廓线) c.防止拖拽文本域 textarea{resize:none:} d.背景图片和背景颜色一起出现时,背景颜色在最底层. e.行内块和文字对齐 vertical-align  对块级元素不起作用 图片和文字默认基线对齐 f.去除图片底侧空白缝隙 g. 溢出的

常用的用户界面样式

1.user-select:none 文本不能被选择: 2.a标签包含img标签时 a display:block:或者img display:block:以免a的高度大于img 3.链接长按高亮颜色 -webkit-tap-highlight-color: rgba(0,0,0,0); 4.不允许用户缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal

13 CSS样式表命名参考表

原文地址:https://www.cnblogs.com/springsnow/p/9461785.html

构建通过 Database.com 提供技术支持的 PhoneGap 应用程序

要求 其他必要产品 Database.com account 用户级别 全部 必需产品 PhoneGap Build 范例文件 Database.Com-PhoneGap-Sample 在这篇文章中,我们将探究使用 PhoneGap 构建的移动应用程序的创建过程,所有数据 均通过 Database.com 提供并保存.在深入探讨技术细节之前,我们先来回顾一下相关术语. PhoneGap PhoneGap 是一种免费的开放源码技术,旨在使开发人员使用基于 Web 的传统技术,创建能够在多个平台上进

python 各模块

01 关于本书 02 代码约定 03 关于例子 04 如何联系我们 1 核心模块 11 介绍 111 内建函数和异常 112 操作系统接口模块 113 类型支持模块 114 正则表达式 115 语言支持模块 12 _ _builtin_ _ 模块 121 使用元组或字典中的参数调用函数 1211 Example 1-1 使用 apply 函数 1212 Example 1-2 使用 apply 函数传递关键字参数 1213 Example 1-3 使用 apply 函数调用基类的构造函数 122

Android -- Support包特性

干货 每一个 Support 包版本后缀 vX 所代表的含义是他能够被使用的最低版本等级.之所以无法在更低版本进行使用的原因,是因为随着版本的升级,在新版本中有很多之前不支持的特性或者 API,因此如果你在老版本中使用了这些支持包,就可能会导致应用崩溃. support-v4 support-v4包算是 Android 最低等级的支持包.所谓的 v4,代表着它最低支持 Android1.6(API Level4).在 support-v4包中,它所拥有的类还是很多的,主要包含了对应用组件的支持,

转:Python标准库(非常经典的各种模块介绍)

Python Standard Library 翻译: Python 江湖群 10/06/07 20:10:08 编译 0.1. 关于本书 0.2. 代码约定 0.3. 关于例子 0.4. 如何联系我们 核心模块 1.1. 介绍 1.2. _ _builtin_ _ 模块 1.3. exceptions 模块 1.4. os 模块 1.5. os.path 模块 1.6. stat 模块 1.7. string 模块 1.8. re 模块 1.9. math 模块 1.10. cmath 模块

CSS3学习(圆角、图片、阴影、背景、渐变、文本、字体、2D、3D、过渡等)

matrix CSS3 1.  圆角 border-radius:边框圆角的圆角半径 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角. 三个值:第一个值为左上角, 第二个值为右上角和左下角,第三个值为右下角 两个值:第一个值为左上角与右下角,第二个值为右上角与左下角 一个值:四个圆角值相同 2.图片 border-image:有了CSS3的border-image属性,你可以使用图像创建一个边框:border-image属性允许你指定一个图片作为边框! 用于创建上

css权威指南笔记(知识点总结)

第一章 css和文档 ?1.替换元素与非替换元素,替换元素如 img input等,大多数html元素都是非替换元素. 2.块级元素和行内元素?,块级元素会自动填满父级元素的内容框,表格与其他块级元素一致,唯一有区别的是表格会生成一个标记符,就是小黑点.在html中块级元素不能继承行内元素,也就是说块级元素不能嵌套在行内元素里面,但是css中块级元素能继承行内元素的样式. 3.link里面包含以下几个属性,rel:来源:href:路径:media:默认为all(一般浏览器支持all.print.