1、1 自动填充宽度
类名称过长
类功能拆分度低,
控件组合复杂
在基础的屏幕适配基础上,对元素基本属性进行了拆分。
定位, 对元素进行布局,确定元素的现实位置大小 等
描边,贺角。
添色
插图
BUTTON,LIST, FOLD, INPUT, TAB,RADIO, CHECK,
SWITCH
<div class="btn btn-act ubb uc-t1 b-bla uinn c-blu2 c-m4">
弹性盒子模型
css3.0 指定大小的父容器为子元素分配 空间。
<div style="display:-webkit-box;200px; border:1px solid blue;">
<div style="-webkit-box-flex:1;background:#E00">aaaa</div>
<div style="background"#0E0">bbbb</div>
</div>
指定为弹性,占用1份空间, 200-23px
ub 元素采用弹性BOX布局
ub-rev 子元素反序排列
ub-con 加入一个容器 内容引起元素大小变化
position:absolutel 100%