#目录文档

• @描述: 一个scss的函数库
  
• @作者: chenjiujiu
  
• @创建日期: 2018/3/21
  

##全局参数设置
$unit ----> 全局单位 ---->px/em/rem;
$ieLow ----> IE678兼容开关 ---->true/false;
$browsers ----> 浏览器前缀集合 ---->webkit moz ms o;
$prefixOpen ----> 前缀开关 ---->true/false;
$prefixW ----> 谷歌前缀 ---->true/false;
$prefixM ----> 火狐前缀 ---->true/false;
$prefixI ----> IE前缀 ---->true/false;
$prefixO ----> opera前缀 ---->true/false;

##函数
allBrowser () ----> 判断是否需要全兼容 ----> 返回true/false;
isNum($num) ----> 判断num是否为数值型 ---->返回true/false;
testUnit ($args) ----> 检查参数是否带有单位 ---->返回添加单位后的参数;
addUnit ($args) ----> 给参数添加单位 ---->返回添加单位后的参数;

##字体
f () ----> 字体综合属性 ----> 1~n个值;
fz ()----> 字体大小 ----> 数值;
ff ()----> 字体样式 ----> 字体样式;
c ()----> 前景色 ----> 颜色,hover颜色(默认无);
fs ()----> 字体样式 ----> 倾斜 加粗等;
fw ()----> 字体粗细 ----> 0～700;
fi ----> 文本斜体
fw-no ----> 去除文字加粗
fs-no ----> 去除文字样式
lh () ----> 设置行高 ----> 数值;
f-no ----> 恢复正常文字

##文本
overDot ----> 1行超出显示... ;
overDot-M () ----> 多行超出显示... ----> 显示的行数;
break ----> 强制断行
wd-wp () ----> 断行 ----> 断行风格;
tin () ----> 文本缩进 ---->数值;
thi () ----> 隐藏文字 ---->缩进多少(默认110%);
show-pic () ----> 显示图片 ---->url(''),x,y;
tj () ----> 单词间隔 ---->属性(默认auto);
ta () ----> 文字对齐方式 ---->对齐方式(默认left),单词间隔(默认无);
tal ----> 文字居左
tar ----> 文字居右
tac ----> 文字居中
td () ----> 文本样式 ---->样式;
line-top ----> 上划线;
line-del ----> 删除线;
line-bot ----> 下划线;
line-bli ----> 闪烁;
line-no ----> 取消下划线;
beauty-pla () ----> 美化占位符 ---->字号,颜色，对齐方式(默认left)
beauty-sel () ----> 美化选中文本 ---->背景，前景;

##CSS3
c3Pre () ----> css3前缀 ---->样式名,样式内容 ;
cnt () ----> 内容 ---->内容 ;
trs () ----> 过渡 ---->过渡属性 ;
trs-p () ----> 过度属性 ---->属性 ;
trs-d () ----> 过度时间 ---->时间 ;
trs-fun () ----> 过渡效果 ---->效果 ;
trs-del () ----> 过度延迟时间 ---->时间 ;
bd-r () ----> css3圆角 ---->大小 ;
box-s () ----> 盒子阴影 (默认：0 0 4px rgba(0, 0, 0, .3)) ---->阴影 ;
txt-s () ----> 文字阴影 (默认：0 0 4px rgba(0, 0, 0, .3)) ---->阴影 ;
box-s-no ----> 去除阴影 ;
txt-s-no ----> 去除文字阴影 ;
usr-s () ----> 是否允许用户选中文本 ---->文本 ;
user-s-no ----> 禁止文本被选择 ;
tsf () ----> transform ---->属性 ;
tsf-o () ----> 元素的基点位置 ---->x y ;
tsf-s () ----> 3D 转换 ---->preserve-3d默认 ;
bf-v () ----> 隐藏背面; ---->hidden ;
pep () ----> 视距 ---->默认:none ;
pep-o () ----> 3D 元素的基点位置 ---->默认:50% 50% ;
pep-o-x () ----> 3D 元素的基点X位置 ---->默认:50% ;
pec-o-y () ----> 3D 元素的基点Y位置 ---->默认:50% ;
rotate () ----> 旋转 ---->角度 (带单位) ;
pe ----> 禁用元素事件
filter () ----> filter ---->值 ;
blur () ----> 模糊 ---->数值 ;
grayscale () ----> 将彩色照片显示为黑白照片; ---->百分比 ;

##浮动
float () ----> 浮动 ---->方向;
fl ----> 左浮动
fr ----> 右浮动
clearfix ----> 清除浮动

##C3动画
keyf () ----> 关键帧 ---->动画名;
ani () ----> animation动画 ---->动画属性;
ani-name () ----> 动画 ---->动画名;
ani-time () ----> 一个周期所需要的时间 ---->time;
ani-style () ----> 速度形式 ---->形式;
ani-num () ----> 播放次数 ---->次数;
ani-dir () ----> 轮流反向播放动画 ---->normal/alternate;
ani-play () ----> "播放"或"暂停" ---->动画名;
ani-del () ----> 延迟时间 ---->时间;
ani-fill () ----> 运动完成后的状态 ---->状态;
trf-fix () ----> 三维闪动 bug 处理;

##定位
position_each ( $args ) ----> 遍历数组该值有没该单位 ---->有单位的值;
pos () ----> 定位 ---->定位种类,值(t:10,r:auto,b:30,r:40,z:2,w:100,h:100)要带括号;
abs () ----> 绝对定位 ---->值(默认无值);
rel () ----> 相对定位 ---->值(默认无值);
fix () ----> 固定定位: ---->值(默认无值);
z () ----> 层级 ---->值(默认无值);
z t () ----> top值 ---->值(默认0);
l () ----> left值 ---->值(默认0);
b () ----> bottom值 ---->值(默认0);
r () ----> right值; ---->值(默认0);
tl () ----> top/left值 ---->上,左,z-index(默认无);
tr () ----> top/right值; ---->上,右,z-index(默认无);
bl () ----> bottom/left值; ---->下,左,z-index(默认无);
br () ----> //bottom/right值; ---->下,右,z-index(默认无);
trbl() ----> top/left/bottom/right值; ---->上,右,下,左,z-index(默认无);

##间距/填充
mg () ----> margin ----> 大小
pd () ----> padding ----> 大小
mgt () ----> 上margin ----> 上
mgr () ----> 右margin ----> 右
mgb () ----> 下margin ----> 下
mgl () ----> 左margin ----> 左
mgtb () ----> 上下margin ----> 上,下
mglr () ----> 左右margin ----> 左,右
pdr () ----> 右padding ----> 右
pdb () ----> 下padding ----> 下
pdl () ----> 左padding ----> 左
pdtb () ----> 上下margin ----> 上,下
pdlr () ----> 左右margin ----> 左,右

##宽高
w () ----> 宽 ---->数值;
h () ----> 高 ---->数值;
mxh () ----> 最大高 ---->数值;
mxw () ----> 最大宽 ---->数值;
minh () ----> 最小高 ---->数值;
minw () ----> 最小宽 ---->数值;
wh () ----> 宽/高 ---->数值,数值;
auto-w () ----> 设置居中版心 ---->版心宽;

##缩写
whl () ----> 宽/高/行高 ---->宽,高,行高(默认行高=高);
whlf () ----> 宽/高/行高/字体大小 ---->逗号分割;
whlfcb () ----> 宽/高/行高/字体大小/颜色/粗细 ---->逗号分割;
hl () ----> 高/行高 ---->高,行高;
wl () ----> 宽/行高 ---->宽,行高;
flh () ----> 字体大小/行高 ---->逗号分割;
flc () ----> 字体大小/行高/颜色 ---->逗号分割;
fc () ----> 字体大小/颜色 ---->逗号分割;
ffflc () ----> 字体大小/字体大小/行高/颜色 ---->逗号分割;

##背景
bg () ----> 设置背景 ---->背景参数
bg-no ----> 取消背景
bgc () ----> 颜色 ---->color;
bgi () ----> 背景图片 ---->url('');
bgs () ----> 背景大小 ---->cover;
bgcl () ----> 背景裁切 ---->cotent-box;
bgo () ----> 背景起始点 ---->cotent-box;
bgp () ----> 背景定位 ---->cent;

##块
db () ----> 块 ---->true最高权重/false ;
dn () ----> 隐藏 ---->true最高权重/false ;
din ----> 行内
dinb ----> 行内快
dtb ----> table
bsz ----> 怪异盒模型 ---->border-box/content-box;

##零碎项
vertical-align () ----> 垂直对齐方式 ---->对齐方式;
vat ----> 顶端对齐
vac ----> 中间对齐
vab ----> 底部对齐
ofh ----> 超出隐藏
ofv ----> 超出显示
cu () ----> 鼠标样式 ---->样式;
cup ---->小手
cud ----> 默认
cun ----> 隐藏
opa () ----> 透明度 ---->0~1;
no-resize ----> 禁止拖动大小

###样式重置
reset ----> 重置