fast-style v1.0.6
#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