YUS框架的us命令

时间：2023-03-28 19:53:10 HTML

众所周知，页面的样式渲染是由CSS来完成的。例如：宽度：100px；表示元素宽度为100像素；高度：50px；表示元素高度为50像素；字体大小：15px；表示元素中的字体大小为15像素；下面一段是标准的CSS语句：.css1{width:100px;height:100px;line-height:100px;background:#ff0;}上面的CSS代码表示一个框元素，宽、高、行高均为100px,背景色为黄色。那么，使用Yus如何实现上面CSS代码的功能，先直接举个例子：

解释如下：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中，值相同时，中间的属性可以用逗号连续写，所以上面的代码可以简化为：

更多信息请参考官网：www.runyus.com