记：
//-moz代表firefox浏览器私有属性；
//-ms代表IE浏览器私有属性；
//-webkit代表chrome、safari私有属性；
//-o代表Opera私有属性
文本缩进：
text-indent:2em
穿过文本的一条线：
text-decoration:line-through
文本内容不超过一行：
text-overflow: ellipsis; //省略号代替超出文本
overflow: hidden; //超出部分不显示
white-space: nowrap; //文本不换行
文本内容不超过多行：
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
隐藏overflow滚动条：
XXX::-webkit-scrollbar {
display: none;
}
获取/失去焦点事件：
XXX:focus/blur {
XXX
}
伪类和伪元素的区别
1、伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
2、伪元素本质上是创建了一个有内容的虚拟容器；
3、其中伪类和伪元素的根本区别在于：它们是否创造了新的元素, 这个新创造的元素就叫 "伪无素" ；
4、伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。 这个新元素(伪元素) 是某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中；
伪类：存在DOM文档中，(无标签,找不到, 只有符合触发条件时才能看到 ), 逻辑上存在但在文档树中却无须标识的“幽灵”分类。
理解BFC：
一、含义：
有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。
通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。
二、作用：
1.同一个BFC 会发生折叠
2.可以包含清除浮动的元素
3.可以阻止元素被浮动元素覆盖
三、触发BFC方法：
1.body 根元素
2.浮动元素：float 除 none 以外的值
3.绝对定位元素：position (absolute、fixed)
4.display 为 inline-block、table-cells、flex
5.overflow 除了 visible 以外的值 (hidden、auto、scroll)
清除浮动的四种方法：
一、新增标签，附加css属性：clean：both
缺点：添加无意义标签，不推荐
二、利用BFC方式的overflow：hidden
缺点：内容容易显示不全，不推荐
三、after伪元素：
XXXX:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: ""; //与伪元素配合生成插入内容
display: block; //要显示伪元素
height: 0; //为使伪元素不影响页面布局，将伪元素高度设置为0
clear:both; //清除浮动
visibility: hidden; //许浏览器渲染它，但是不显示出来
}
XXXX{
*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
缺点：IE6-7不支持伪元素，使用zoom触发
四、利用after伪元素和before伪元素
.clearfix:after,.clearfix:before{
content: "";
display: table;
}
.clearfix:after{
clear: both;
}
.clearfix{
*zoom: 1;
}
推荐使用
五、CSS自适应宽高
max-width: 100%;
max-height: 100%;
六、表格嵌套边框重叠问题
1、外表格样式
<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;”>
2、内表格样式
<table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse;border-width:0px; border-style:hidden;">
七、iView常用组件清空技巧
清空DatePicker（日期选择器）的方法：this.refs.element.handleClear() 清空Select组件的方法：this.refs.element.selectAll(flase)
