优米CSS点缀样式库(umi.css)
umi.css解决web前端页面布局的最后一里路。在对web页面排版布局时，经常有琐碎的细节要另外写样式，umi.css样式库将最常用的碎片样式整合起来，并统一了样式命名规则。 可将umi.css理解为点缀样式库。
umi.css可与任何web框架结合使用。
简单、易记、通用，是优米CSS样式库的设计风格，您可以应用在任何类型的Web项目中，并兼容所有版本的浏览器。 优米CSS免费开源，没有商业用途限制。
umi.css命名规则
umi.css的命名规则是由超过10年开发经验的工程师设计，并兼顾了英文不太好的开发者。
- 规则1：所有点缀样式以c_开头，所有组件样式以cc_开头。umi.css并不像其它著名的样式库一样硬性以库名称为前缀。c是常用(common)的英文前缀，cc是常用组件(common component)的英文前缀。
- 规则2：取样式名称中最有代表性的单词，一看便知样式的效果。如"c_text_left"即"text-align:left"，text_left直译就是文本在左边的意思，因此去掉了align这个单词。
- 规则3：取样式英文的前4个字符，简化名称长度，且不影响可阅读性。如"c_padd_4"即"padding:4px"。
- 规则4：上下左右并行样式。如"c_padd_4_10"即"padding:4px 10px"。
- 规则5：取极为常见的英文首字母。如上=t，下=b，左=l，右=r，背景background=bg
- 规则6：后缀有_p表示效果增强或加大(plus)，有_m表示效果减弱或减小(minus)。如c_red_p表示深红色，c_red_m表示浅红色。
- 规则7：(v1.5.0新增)后缀有_all表示所有子元素都应用此样式。
如果您要对umi.css进行拓展，建议您新建一个样式文件umi.ext.css，这样当umi.css有更新时，不会影响您自己拓展的样式。
就算您不打算使用umi.css，但umi.css的命名规则可以由您选择性应用在您的项目中。
圆角2px：
圆角4px：
圆角6px：
圆角8px：
圆角12px：
圆角15px：
圆角30px：
规则说明：后缀有_p表示色调加深(plus)，后缀有_m表示色调减淡(minus)。
red(红)：
orange(橙)：
yellow(黄)：
green(绿)：
blue(蓝)：
violet(紫)：
gray(灰)：
white(白)：
red(红加深)：
orange(橙加深)：
yellow(黄加深)：
green(绿加深)：
blue(蓝加深)：
violet(紫加深)：
gray(灰加深)：
red(红变淡)：
orange(橙变淡)：
yellow(黄变淡)：
green(绿变淡)：
blue(蓝变淡)：
violet(紫变淡)：
gray(灰变淡)：
规则说明：后缀有_p表示色调加深(plus)，后缀有_m表示色调减淡(minus)。
red(红)：
orange(橙)：
yellow(黄)：
green(绿)：
blue(蓝)：
violet(紫)：
gray(灰)：
white(白)：
red(红加深)：
orange(橙加深)：
yellow(黄加深)：
green(绿加深)：
blue(蓝加深)：
violet(紫加深)：
gray(灰加深)：
red(红变淡)：
orange(橙变淡)：
yellow(黄变淡)：
green(绿变淡)：
blue(蓝变淡)：
violet(紫变淡)：
gray(灰变淡)：
red(红)：
orange(橙)：
yellow(黄)：
green(绿)：
blue(蓝)：
violet(紫)：
gray(灰)：
white(白)：
red(红加深)：
orange(橙加深)：
yellow(黄加深)：
green(绿加深)：
blue(蓝加深)：
violet(紫加深)：
gray(灰加深)：
red(红变淡)：
orange(橙变淡)：
yellow(黄变淡)：
green(绿变淡)：
blue(蓝变淡)：
violet(紫变淡)：
gray(灰变淡)：
文本左对齐：
文本居中：
文本右对齐：
上对齐：
垂直居中：
下对齐：
字体加粗：
斜体：
下划线：
14px：
16px：
28px：
30px：
36px：
48px：
2px 8px(上下 左右)：
c_padd_2_8
4px 8px：
c_padd_4_8
6px 8px：
c_padd_6_8
2px 10px：
c_padd_2_10
4px 10px：
c_padd_4_10
6px 10px：
c_padd_6_10
8px 10px：
c_padd_8_10
2px 16px：
c_padd_2_16
4px 16px：
c_padd_4_16
6px 16px：
c_padd_6_16
8px 16px：
c_padd_8_16
2px(四周相同)：
4px：
6px：
8px：
10px：
20px：
50px：
更多使用方式： 四周相同的样式也可单独某一边使用(上=t，下=b，左=l，右=r)，比如：c_padd_t_2=内上边距2px，以下是部分样式效果。
上边距10px：
下边距10px：
左边距10px：
右边距10px：
2px(四周相同)：
4px：
6px：
8px：
10px：
20px：
30px：
更多使用方式： 四周相同的样式也可单独某一边使用(上=t，下=b，左=l，右=r)，比如：c_marg_t_2=外上边距2px，以下是部分样式效果。
上边距10px：
下边距10px：
左边距10px：
右边距10px：
相对定位：
float left：
float left+clear left：
float right：
float right+clear right：
c_line_h_1p5(1.5倍行高)：
c_line_h_2(2倍)：
c_line_h_2p5(2.5倍)：
c_line_h_3(3倍)：
c_over_auto：
c_over_y_auto：
c_over_x_auto：
c_over_hidden：
c_text_over_elli：
文本超出时显示省略号
c_ul_disc：
c_ul_squa：
c_ul_deci：
c_ul_lower_a：
c_ul_upper_a：
组件样式：后缀有_p表示大1号(plus)，后缀有_p2表示大2号，后缀有_m表示小1号(minus)。
按钮组件-标准：
按钮组件-小1号：
按钮组件-小2号：
按钮组件-标准绿色：
按钮组件-标准橙色：
按钮组件-标准蓝色：
默认标签：
必填标签：
勾选框-默认风格：
勾选框-风格2：
最新版本：v1.5.1，请点击右键->另存为
下载umi.css 下载umi.min.css
