常量定义

  • 红色 = red:红色常量。
  • 绿色 = green:绿色常量。
  • 蓝色 = blue:蓝色常量。
  • 黑色 = black:黑色常量。
  • 白色 = white:白色常量。
  • 灰色 = gray:灰色常量。
  • 透明 = transparent:透明常量。
  • 黄色 = yellow:黄色常量。
  • 橙色 = orange:橙色常量。
  • 紫色 = purple:紫色常量。
  • 青色 = cyan:青色常量。
  • 粉色 = pink:粉色常量。
  • 棕色 = brown:棕色常量。
  • 银色 = silver:银色常量。
  • 金色 = gold:金色常量。
  • 浅灰 = lightgray:浅灰色常量。
  • 深灰 = darkgray:深灰色常量。
  • 浅蓝 = lightblue:浅蓝色常量。
  • 深蓝 = darkblue:深蓝色常量。
  • 浅绿 = lightgreen:浅绿色常量。
  • 深绿 = darkgreen:深绿色常量。
  • 浅红 = lightcoral:浅红色常量。
  • 深红 = crimson:深红色常量。
  • 字体_超小 = xx-small:超小字体大小。
  • 字体_特小 = x-small:特小字体大小。
  • 字体_小 = small:小字体大小。
  • 字体_中 = medium:中等字体大小。
  • 字体_大 = large:大字体大小。
  • 字体_特大 = x-large:特大字体大小。
  • 字体_超大 = xx-large:超大字体大小。
  • 字体_加大 = larger:相对父元素更大的字体大小。
  • 字体_缩小 = smaller:相对父元素更小的字体大小。
  • 字体样式_斜体 = italic:斜体字体样式。
  • 字体样式_斜体小体大写 = oblique:倾斜字体样式。
  • 字体装饰_下划线 = underline:下划线字体装饰。
  • 字体装饰_上划线 = overline:上划线字体装饰。
  • 字体装饰_删除线 = line-through:删除线字体装饰。
  • 字体装饰_无 = none:无字体装饰。
  • 边距_小 = 5px:小边距值。
  • 边距_中 = 10px:中等边距值。
  • 边距_大 = 20px:大边距值。
  • 背景_居中 = center:背景居中位置。
  • 背景_顶部 = top:背景顶部位置。
  • 背景_底部 = bottom:背景底部位置。
  • 背景_左侧 = left:背景左侧位置。
  • 背景_右侧 = right:背景右侧位置。
  • 背景覆盖 = cover:背景覆盖模式。
  • 背景包含 = contain:背景包含模式。
  • 背景_不重复 = no-repeat:背景不重复。
  • 背景_水平 = repeat-x:背景水平重复。
  • 背景_垂直 = repeat-y:背景垂直重复。
  • 背景_平铺 = repeat:背景平铺重复。
  • 渐变_线性 = linear-gradient:线性渐变。
  • 渐变_径向 = radial-gradient:径向渐变。
  • 渐变_角度 = to right:角度渐变方向。
  • 主轴对齐_起点 = flex-start:主轴起点对齐。
  • 主轴对齐_终点 = flex-end:主轴终点对齐。
  • 主轴对齐_居中 = center:主轴居中对齐。
  • 主轴对齐_分散 = space-between:主轴两端对齐,项目间等距分布。
  • 主轴对齐_平均 = space-around:主轴项目两侧等距分布。
  • 主轴对齐_均匀 = space-evenly:主轴项目均匀分布。
  • 侧轴对齐_起点 = flex-start:侧轴起点对齐。
  • 侧轴对齐_终点 = flex-end:侧轴终点对齐。
  • 侧轴对齐_居中 = center:侧轴居中对齐。
  • 侧轴对齐_拉伸 = stretch:侧轴拉伸对齐。
  • 侧轴对齐_基线 = baseline:侧轴基线对齐。
  • 项目对齐_自动 = auto:项目自动对齐。
  • 项目对齐_拉伸 = stretch:项目拉伸对齐。
  • 项目对齐_居中 = center:项目居中对齐。
  • 项目对齐_起点 = flex-start:项目起点对齐。
  • 项目对齐_终点 = flex-end:项目终点对齐。
  • 项目对齐_基线 = baseline:项目基线对齐。
  • 网格对齐_起点 = start:网格起点对齐。
  • 网格对齐_终点 = end:网格终点对齐。
  • 网格对齐_居中 = center:网格居中对齐。
  • 网格对齐_拉伸 = stretch:网格拉伸对齐。
  • 网格对齐_平均 = space-around:网格平均分布对齐。
  • 网格对齐_分散 = space-between:网格两端对齐。
  • 网格对齐_均匀 = space-evenly:网格均匀分布对齐。
  • 屏幕_小 = 576px:小屏幕断点。
  • 屏幕_中 = 768px:中屏幕断点。
  • 屏幕_大 = 992px:大屏幕断点。
  • 屏幕_超大 = 1200px:超大屏幕断点。
  • 动画_线性 = linear:线性动画时间函数。
  • 动画_缓入 = ease-in:缓入动画时间函数。
  • 动画_缓出 = ease-out:缓出动画时间函数。
  • 动画_缓入缓出 = ease-in-out:缓入缓出动画时间函数。
  • 动画_弹性 = ease:缓动(ease)动画时间函数。
  • 动画_阶梯 = step-start:阶梯式动画时间函数。
  • 动画_反向阶梯 = step-end:反向阶梯动画时间函数。
  • 动画填充_无 = none:无动画填充模式。
  • 动画填充_向前 = forwards:动画结束后保持最终状态。
  • 动画填充_向后 = backwards:动画结束后保持初始状态。
  • 动画填充_向前向后 = both:动画结束后保持最终状态,开始前应用初始状态。
  • 动画状态_运行 = running:动画运行状态。
  • 动画状态_暂停 = paused:动画暂停状态。
  • 动画过渡_平滑 = all 0.3s ease:平滑过渡效果。
  • 动画过渡_快速 = all 0.1s ease:快速过渡效果。
  • 动画过渡_慢速 = all 0.5s ease:慢速过渡效果。
  • 动画过渡_弹性 = all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55):弹性过渡效果。
  • 透明度_完全透明 = 0:完全透明。
  • 透明度_半透明 = 0.5:半透明。
  • 透明度_半透明_深 = 0.8:深半透明。
  • 透明度_半透明_浅 = 0.2:浅半透明。
  • 透明度_不透明 = 1:不透明。
  • 阴影_小 = 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24):小阴影效果。
  • 阴影_中 = 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23):中等阴影效果。
  • 阴影_大 = 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23):大阴影效果。
  • 阴影_内嵌 = inset 0 2px 4px rgba(0,0,0,0.25):内嵌阴影效果。
  • 编码_UTF8 = UTF-8:UTF-8字符编码。
  • 编码_GBK = GBK:GBK字符编码。
  • 编码_GB2312 = GB2312:GB2312字符编码。
  • 编码_ASCII = ASCII:ASCII字符编码。
  • 编码_Unicode = Unicode:Unicode字符编码。
  • HTTP_成功 = 200:HTTP成功状态码。
  • HTTP_未找到 = 404:HTTP未找到状态码。
  • HTTP_服务器错误 = 500:HTTP服务器内部错误状态码。
  • HTTP_禁止访问 = 403:HTTP禁止访问状态码。
  • HTTP_未授权 = 401:HTTP未授权状态码。
  • HTTP_请求超时 = 408:HTTP请求超时状态码。
  • HTTP_请求体过大 = 413:HTTP请求体过大状态码。
  • HTTP_请求地址过长 = 414:HTTP请求地址过长状态码。
  • 日期格式_标准 = yyyy-MM-dd:标准日期格式。
  • 日期格式_中文 = yyyy年MM月dd日:中文日期格式。
  • 日期格式_美式 = MM/dd/yyyy:美式日期格式。
  • 日期格式_欧式 = dd/MM/yyyy:欧式日期格式。
  • 时间格式_24小时 = HH:mm:ss:24小时制时间格式。
  • 时间格式_12小时 = hh:mm:ss a:12小时制时间格式。
  • 日期时间格式_完整 = yyyy-MM-dd HH:mm:ss:完整日期时间格式。
  • 日期时间格式_中文完整 = yyyy年MM月dd日 HH时mm分ss秒:中文完整日期时间格式。
  • 数字格式_整数 = #:整数数字格式。
  • 数字格式_两位小数 = #.00:两位小数数字格式。
  • 数字格式_百分比 = #.00%:百分比数字格式。
  • 数字格式_千分位 = #,###:千分位数字格式。
  • 数字格式_货币 = ¥#,###.00:货币数字格式。
  • 数字格式_科学计数 = #.###E+00:科学计数法数字格式。
  • 匹配父 = inherit:设置组件的宽高继承父控件对应的尺寸值。
  • 自适应 = initial:设置组件的宽高等于其组件中内容的宽高。
  • 百分百 = 100%:设置组件的宽高为“100%”。
  • 边框_点线 = dotted:点线边框。
  • 边框_虚线 = dashed:虚线边框。
  • 边框_实线 = solid:实线边框。
  • 边框_双线 = double:双线边框。
  • 边框_凹槽 = groove:3D凹槽边框。
  • 边框_垄状 = ridge:3D垄状边框。
  • 边框_内嵌 = inset:3D inset边框。
  • 边框_外凸 = outset:3D outset边框。
  • 居中 = center:设置组件中的内容水平居中。
  • 靠左 = left:设置组件中的内容靠左对齐。
  • 靠右 = right:设置组件中的内容靠右对齐。
  • 两端对齐 = justify:设置组件中的内容两端对齐。
  • 顶边对齐 = top:设置组件中的内容顶边对齐。
  • 垂直居中 = middle:设置组件中的内容垂直居中。
  • 底边对齐 = bottom:设置组件中的内容底边对齐。
  • 显示_块 = block:设置组件显示模式为块级元素。
  • 显示_行内 = inline:设置组件显示模式为行内元素。
  • 显示_行内块 = inline-block:设置组件显示模式为行内块元素。
  • 隐藏元素 = none:设置组件隐藏不显示。
  • 布局_弹性 = flex:设置组件布局为弹性布局。
  • 布局_网格 = grid:设置组件布局为网格布局。
  • 静态定位 = static:设置组件定位为静态定位。
  • 相对定位 = relative:设置组件定位为相对定位。
  • 绝对定位 = absolute:设置组件定位为绝对定位。
  • 固定定位 = fixed:设置组件定位为固定定位。
  • 粘性定位 = sticky:设置组件定位为粘性定位。
  • 布局方向_垂直 = column:设置当前组件或布局中的子组件或内容从上到下排列。
  • 布局方向_水平 = row:设置当前组件或布局中的子组件或内容从左到右排列。
  • 布局方向_从下向上 = column-reverse:设置当前组件或布局中的子组件或内容从下到上排列。
  • 布局方向_从右向左 = row-reverse:设置当前组件或布局中的子组件或内容从右到左排列。
  • 文本输入 = text:设置输入框类型为文本输入。
  • 密码输入 = password:设置输入框类型为密码输入。
  • 数字输入 = number:设置输入框类型为数字输入。
  • 邮箱输入 = email:设置输入框类型为邮箱输入。
  • 电话输入 = tel:设置输入框类型为电话输入。
  • 日期输入 = date:设置输入框类型为日期输入。
  • 文件上传 = file:设置输入框类型为文件上传。
  • 默认鼠标 = default:设置鼠标样式为默认箭头。
  • 指针鼠标 = pointer:设置鼠标样式为手形指针。
  • 文本鼠标 = text:设置鼠标样式为文本输入I型。
  • 等待鼠标 = wait:设置鼠标样式为等待状态。
  • 禁止鼠标 = not-allowed:设置鼠标样式为禁止操作状态。
  • 溢出隐藏 = hidden:设置内容溢出时隐藏。
  • 溢出滚动 = scroll:设置内容溢出时显示滚动条。
  • 溢出显示 = visible:设置内容溢出时仍然显示。
  • 当前窗口 = _self:设置链接在当前窗口打开。
  • 新窗口 = _blank:设置链接在新窗口打开。
  • 正常粗细 = normal:设置字体粗细为正常。
  • 粗体 = bold:设置字体粗细为粗体。
  • 较粗 = bolder:设置字体比父元素更粗。
  • 较细 = lighter:设置字体比父元素更细。
  • 引号 = \":英文模式下的双引号“"”。