分类

安卓应用安卓游戏攻略资讯

网页制作

优米CSS点缀样式库(umi.css)

优米CSS点缀样式库(umi.css) v1.5.1免费版

大小:8 KB

语言:简体中文系统:WinXP, Win2003, Vista, Win7, Win8, Win10

类别:网页制作时间:2019-03-25

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的命名规则可以由您选择性应用在您的项目中。

展开

猜您喜欢

同类推荐

网友评论