颜色参考代码
| #FF0000 | #D2D2D2 | #EEEEEE | #f2f2f2 | #e6e6e6 | #800080 |
| #DA70D6 | #FFA1B1 | #3296FA | #6699CC | #28BC39 | #CBE6FF |
| #FFB800 | #01FDFD | #1A62A9 | #201C23 | #8393B5 | #41A4DB |
| #FFFF00 | #198904 | #D5BB9A | #D4402B | #6E675D | #287761 |
| #D6FAC3 | #393A44 | #FF6600 | #0C56B5 | #71E2FA | #082E54 |
| #DEE6F1 | #CC6600 | #666699 | #99CCCC | #FF9999 | #FF33CC |
| #808e97 | #5C6F7B | #F2F2F4 | #176CEB | #F0F0F2 | #D9E5FF |
| #F18200 | #f9460c | #e9ecf1 | #a6b3c6 | #44546a | #002fA7 |
| #800020 | #774125 | #702937 | #672D76 | #353070 | #2A5575 |
常用辅助类
| 类名 | 作用 | 实例 | 类名 | 作用 | 实例 |
| jk-important | 红色加粗字体强调 | 我很重要 |
jk-content | 内容容器(默认有15像素填充) | 我是内容 |
| jk-nopadding jk-nomargin |
消除元素的填充和边距 | jk-line-center | 多行文本垂直居中辅助 | 我是对齐的元素我是对齐的元素我是对齐的元素我 |
|
|
jk-font-bold jk-font-white jk-font-gray jk-font-normal jk-font-black |
字体样式 |
粗体
白色字体
灰色字体
默认字体
黑色字体
|
jk-text-right jk-text-center jk-text-left |
文本对齐 |
右对齐
中间对齐
左对齐
|
| jk-remove-margin | 消除填充和边距 | jk-bigbox jk-smallbox jk-smallbox-middle jk-smallbox-bottom | 前2个配合实现块状布局，jk-smallbox可以把元素转成行内块元素,后2个设置多个行内块元素对齐方式 |
左侧
右侧
|
|
| jk-hr jk-hr-bold | 分割线/加粗的分割线(可以通过追加jk-borderc-* 改变分割线的颜色) |
|
jk-posrel jk-posabs jk-posfix |
相对定位 绝对定位 固定定位 |
|
| jk-overflow-ellipsis jk-overflow-hidden |
文本溢出处理:超出的文字显示3个点/超出隐藏 | jk-legend jk-legend-left jk-legend-bottom jk-legend-full |
辅助元素包裹层 左侧辅助 底部辅助 全屏辅助 |
左侧辅助 底部辅助
底部辅助
|
|
| jk-border jk-border-top jk-border-left jk-border-bottom jk-border-right jk-noborder jk-border-2width jk-border-3width jk-border-4width |
4个边的边框 上边框 左边框 底部边框 右边边框 无边框 2倍边框 3倍边框 4倍边框 |
jk-borderc-red jk-borderc-gray jk-borderc-purple jk-borderc-blue jk-borderc-black jk-borderc-orange jk-borderc-golden jk-borderc-indigo jk-borderc-cyan jk-borderc-green |
边框颜色 | ||
| jk-bg-red jk-bg-gray jk-bg-purple jk-bg-blue jk-bg-black jk-bg-orange jk-bg-golden jk-bg-indigo jk-bg-cyan jk-bg-green |
背景颜色 | ||||
| jk-type | 分类辅助 |
默认分类
居中分类
居右分类
居中分类(可以改变高度)
居中分类
jk-type实现,如果需要外边框,通过设置margin-top让头部的边框对齐 |
|||