MUI是一個流行的移動端前端框架，它提供了許多常用的CSS樣式方便我們進行快速開發(fā)。下面是一些常用的CSS樣式：

/* 文本框輸入框樣式 */
.mui-input{
font-size: 14px;
line-height: 1.5;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
/* 按鈕樣式 */
.mui-btn{
font-size: 14px;
color: #fff;
background: #007aff;
border: none;
border-radius: 4px;
padding: 6px 12px;
}
/* 頭部導航欄樣式 */
.mui-bar {
background-color: #f7f7f7;
height: 44px;
position: relative;
padding: 0;
border-bottom: 1px solid #eee;
}
.mui-bar .mui-bar-inner {
padding: 0 10px;
height: 44px;
line-height: 44px;
}
.mui-bar .mui-pull-left, .mui-bar .mui-pull-right {
line-height: 44px;
}
/* 列表樣式 */
.mui-table-view{
margin-top: 20px;
}
.mui-table-view-cell{
height: 44px;
line-height: 44px;
border-bottom: 1px solid #eee;
}
.mui-table-view-cell .mui-media-object{
width: 40px;
margin-right: 10px;
}
.mui-table-view-cell .mui-media-body{
font-size: 14px;
}
/* 圖片樣式 */
.mui-img img{
width: 100%;
height: 100%;
}
/* 加載框樣式 */
.mui-spinner{
width: 20px;
height: 20px;
border: 2px solid #f3f3f3;
border-top-color: #f7653f;
border-radius: 50%;
-webkit-animation: mui-spinner-spin 0.8s linear infinite;
animation: mui-spinner-spin 0.8s linear infinite;
}
@-webkit-keyframes mui-spinner-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes mui-spinner-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

以上是一些MUI中常用的CSS樣式，可以幫助我們快速的開發(fā)移動端頁面。