#Installation

npm install fast-style

#说明

小程序使用请引入xcx-public.css
使用px尺寸请引入px-public.css
使用rem尺寸请引入rem-public.css

build文件夹为压缩版样式

ps:引入rem-public.css需配合flexible.js一起使用，请引入rem-public.css的同时，同时引入build文件夹下的flexible.js

以下为class类名，id类名不可用

样式说明

引入的css默认会去除标签默认属性

ps:小程序样式除外

margin

取值的范围（5、10、15、20、25、30）

#上下左右margin值
 margin-值=margin:值px
 例:margin-10=margin:10px;

#上下左右某一边的margin值
 margin-方向_值=margin-方向:值px
 例:margin-l_10=margin-left:10px;
 ps:l代表left，r代表right，t代表top，b代表buttom

#上下margin值
 margin-tb_值=margin-top:值px，margin-buttom:值px
 例:margin_tb_10=margin:10px 0;

#左右margin值
 margin-lr_值=margin-left:值px，margin-right:值px
 例:margin-lr_10=margin:0 10px;

#取消margin值
 取消全部margin值：margin-no
 取消左边margin值:margin-l_no
 取消右边margin值:margin-r_no
 取消上边margin值:margin-t_no
 取消下边margin值:margin-b_no

padding

与margin样式操作方式一致，margin改成padding即可

字体

取值的范围（12-50）

#字体大小
 fz-值=font-size:值px
 例:fz-12=font-size:12px

浮动

#左浮动
 fl=float:left

#右浮动
 fr=float:right

清除浮动

clearfix

转换为块级元素

#转换为行内元素
 block
 
#转换为行内快元素
 inline-block

字体布局

#字体居中
 center
 
#字体居左
 text-left
 
#字体居右
 text-right
 
#超出隐藏
 text-hidden

hidden隐藏

#隐藏
 hidden
 
#x轴隐藏
 hidden-x
 
#y轴隐藏
 hidden-y

border边框

#上下左右边框
 border
 
#上下左右某一边的边框
 border-方向=border-方向: 1px solid #e5e5e5;
 例:border-l=border-left: 1px solid #e5e5e5;
 ps:l代表left，r代表right，t代表top，b代表buttom
 
#取消上下左右边框边框
 border-no
 
#取消某一边的边框
 例:border-l_no=border-left: none;
 ps:l代表left，r代表right，t代表top，b代表buttom

定位

#相对定位
 rel

#绝对定位
 abs

#固定定位
 fixed

ps:定位层级为5

背景颜色

#灰色背景
 body-c
#白色背景
 body-f

字体颜色

取值的范围（color1-color10）
ps:1-10分别表示10种不同的色彩

去除阴影

#去除元素周围阴影
 box-shadow_no

mask遮罩层

#mask遮罩层配合固定定位弹出使用
 mask
 
ps:层级为100