umi.css又称优米CSS点缀样式库,将最常用的碎片样式整合起来,可与任何web框架结合,具有简单、易记、通用的特点,兼容所有版本的浏览器,适用于企业级web项目、移动APP项目等。需要的开发者可以下载!
基本介绍
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的命名规则可以由您选择性应用在您的项目中。