| 类型 | class | 标签说明 |
|---|---|---|
| 方向 | -t -r -b -l -c -m | 本UI 所有方向类规定为"-方向"，如border-r1 |
| 垂直 | v | 垂直效果，例如表格、按钮组就会有垂直的可能,例如btn v, table v |
| 尺寸 | _mn _sm _xl _22-44 | 本UI所有尺寸类规定为"_尺寸"，如btn_22 inp_22 |
| 色彩 | -blue | 本UI所有色彩类规定为"-色彩"，如btn-blue bg-blue |
| 背景 | bg- bgl- | 标准背景/浅色背景 |
| 边框 | border123 border-t/r/b/l 123 | 各个方向的边框 |
| 组合 | s- | 表示某种组合例如按钮组s-btn s-inp |
| 元素 | 按钮btn 输入框inp 下拉框select cka | 元素的命名规则符合元素本身的特征 |
| 标签名称 | 标签说明 |
|---|---|
| w-1 w12 | 没有清除浮动的栅格尺寸 |
| selectnone | 禁止用户选择文字作用于body |
| top-body | 默认响应式顶部菜单边距定位，40px |
| bot-body | 默认响应式底部菜单边距定位，55px |
| top-fix/bot-fix | 顶部/底部绝对定位 |
| f-l f-r | 左右浮动 |
| clearfix cl af | 强制清除DOM浮动，底部清零 |
| radius-o | 圆形 |
| radius3 /sy yx xz sz | 圆角，支持3 4 5 6 10 |
| square | 强制清除圆角 |
| shadow5/10 | 阴影效果 |
| ov | 强制影藏超出部分 |
| f12-70 | 字体大小，xs- sm- md- lg- |
| border-n/tn/rn/bn/ln | 强制无边框 |
| line-1 | 强制行高为元素一倍 |
| keep-word | 文字强制不换行 |
| break-word | 强制换行 |
| small | 字体尺寸缩小为0.8 |
| em2 | 强制段前缩进2个单位 |
| v-t v-m v-b | 内容垂直对齐 |
| txt-l txt-c txt-r | 文字对其方式 |
| strong | 文字加粗 |
| p5 m5 | 常用内边距，外边距，为5的倍数 |
| w50 mw50 | 常用宽度，为10的倍数 |
| pn ptn prn pbn pln xs- | 内边距清零,xs- sm- md- lg- |
| mn mtn mrn mbn mln | 外边距清零，xs- sm- md- lg- |
| active / show | 显示 / 强制显示 |
| .none,#none / .hide,#hide | 隐藏 / 强制隐藏 |
| .onepx | onepx-t/r/b/l真实1像素边框，用于手机端 |
| onepx-blue | 真实1像素边框配色 |
| disable | 禁止，可用于任何元素，如按钮、下拉等 |
| ad | 默认广告 |