# css类

简单的类,可以直接加在到class

zepto | 说明
--- | ---
page-bg | 灰色页面背景
page-hd | 四边内边距20px
page-hd-title | 20号字体,下边距15px,大标题
page-hd-desc | 14号居上5px,灰色字体,小标题
page-bd | 4个内边距0,用于容器
page-bd-15 | 0 15px内边距,主体内容
weui-footer | 版权
placeholder | 提示文本
weui-avatar | 一般头像
baseline middle top | 对齐方式
.block .show .hide .inline .block .dtable .cell | 显示方向
tleft .tcenter .tright | 文字方向
center | 居中
border | 边框 .
dotted | 虚线 .
下划线.u 删除线.del 无下划线.non | 手图标.hand 移动图标.move
斜体.i 非斜体.-i | 粗体bold 正体.-bold
不换行 .-wrap 换行.wrap | 浮动.left .right .clear
清除父浮动 .clearfix | 大写.upper 小写.lower 首字大写.cap
隐藏.hidden显示.visible | 底层 .zindex
层显示方式 .rel 漂浮.abs .fixed |
居左20px .indent | 行高20px .lheight
点击虚线 .outline | 超过显示... .ell
雅黑字体 .yahei | 字体大小 .f11-.f35 .f40 .f45 .f50
字体颜色 .f-red .f-green .f-blue .f-black .f-white .f-gray .f-orange 对应.bg-red |
15px圆角.radius-lg 8px -md 2px -sm 5px .radius |
模糊 .blur | 边框阴影 .bs
圆 .circle 反向reverse | 旋转360 .xz360 循环的 xz180不循环
透明50 .opacity | 不透明 .opacity-0
全透明 .opacity-1 |
文字阴影 .ts | 渐变.jb
边框样式weui-border- | t b tb l r 默认不带
.weui-border-radius 4像素 |
weui-table weui-boder | 表格
动画animated 循环.checked |
fadeIn fadeOut | pulse
rotateIn | shake swing以上动画配合animated用
slideIn slideOut weui-loading可单独用 |