**字體**
* 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
