**字体**
* font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
**字体大小**
| 用途 | 粗细 | 大小 | 颜色 |
| --- | --- | --- | --- |
| 主标题 | 加粗 | 1rem | h1 |
| 次级标题 | 加粗 | .8rem | h2 |
| 小标题 | 加粗 | .7rem | h3 |
| 正文 | 正常 | .7rem | p |
| 辅助文字 | 正常 | .6rem | help |
| 失效文字 | 正常 | .6rem | disabled |
| 链接文字 | 正常 | .6rem | link |
**排版**
* 行高默认为字号的1.5倍
* 对齐方式（两端对齐，冒号对齐，左对齐）
**色彩**
* default #212121
* primary #00bcd4
* success #009688
* info #03a9f4
* warning #ffc107
* danger #e51c23
* pink #e91e63
* purple #673ab7
* indigo #3f51b5
**基础结构**
* zqui-content和zqui-content-padded作为ZQUI整个框架中的外层容器
* zqui-list和aui-card-list为列表类布局容器
* zqui-row 栅格布局容器
* zqui-grid 宫格布局容器
* zqui-bar 定义工具栏类
**辅助元素**
* zqui-ellipsis-1 单行文字，超出自动省略
* zqui-ellipsis-2 两行文字，超出自动省略
* zqui-hr 水平线
* zqui-padded-位置-数值 ： 控制某个方向的内边距剧，位置有t（顶部），b（顶部），l（左侧），r（右侧），数值有0，5，10，15
* zqui-margin-位置-数值，控制某个方向的外边距，位置有t（顶部），b（顶部），l（左侧），r（右侧），数值有0，5，10，15
* zqui-font-size-数值，文字大小，数值有12，14，16，18，20
* zqui-text-颜色名，字体颜色，颜色名有 default，primary，success，info，warning，danger，pink，purple，indigo
* zqui-bg-颜色名，背景颜色，颜色名有 default，primary，success，info，warning，danger，pink，purple，indigo
* zqui-pull_left 左对齐
* zqui-pull_right 右对齐
* zqui-show 显示
* zqui-hide 隐藏（隐藏容器不占空间）
* zqui-invisible 隐藏（隐藏后继续占用布局空间）
* zqui-mask 遮罩层，层序为8
