共计 580 个字符，预计需要花费 2 分钟才能阅读完成。
家喻户晓的是，页面的款式渲染是由 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
正文完