- 红色 =
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:设置字体比父元素更细。
- 引号 =
\":英文模式下的双引号“"”。