关于前端:YUS框架之us指令

家喻户晓的是，页面的款式渲染是由CSS来实现的。例如：width:100px;代表元素宽度为100像素；height:50px;代表元素高度为50像素；font-size:15px;代表元素中字体大小为15像素；上面一段就是规范的CSS语句：

.css1 {width:100px;height:100px;line-height:100px;background:#ff0;}

下面的CSS代码，代表一个宽、高、行高为100px，并且背景色为黄色的方框元素，那么，用Yus如何来实现上述CSS代码的性能呢，先间接给出例子：

<div class="us-w-100 us-h-100 us-lh-100 uc-bg-ff0"></div>

解释如下：

us-w-100，代表宽度为100像素，即：width:100px;

us-h-100，代表高度为100像素，即：height:100px;

us-lh-100，代表行高为100像素，即：line-height:100px;

us-bg-ff0，代表背景色为#ff0黄色，即：background:#ff0;

因为在Yus中，数值雷同的状况下，两头的属性能够用逗号分隔间断书写，所以上边的代码能够精简为：

<div class="us-w,h,lh-100 uc-bg-ff0"></div>

更多内容请参考官网：
www.runyus.com