*1rem=100px
html {
font-size:625%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
body{
font-size: .12rem;
font-family: '微软雅黑';
}
bshare，
*小设备-大设备
visible-xs-block
visible-sm-block
visible-md-block
visible-lg-block
*文字显示两行加省略号
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
white-space: pre-wrap;
-webkit-line-clamp: 2;
overflow: hidden;
word-break: break-word;
*图片垂直居中
父元素： display: flex; justify-content: center;
*解决ios滑动卡顿
-webkit-overflow-scrolling : touch;
*可以利用CSS的伪类实现：
a:link，定义正常链接的样式；
a:visited，定义已访问过链接的样式；
a:hover，定义鼠标悬浮在链接上时的样式；
a:active，定义鼠标点击链接时的样式。
例子：
<style type="text/css">
a:link {
color:#3C3C3C;
text-decoration:underline;
}
a:visited {
color:#0000FF;
text-decoration:none;
}
a:hover {
color:#FF00FF;
text-decoration:none;
}
a:active {
color:#D200D2;
text-decoration:none;
}
</style>
<a href="http://baidu.com" target='_blank'>****</a>
例子说明：定义的链接颜色是
3C3C3C
，访问过后的链接是蓝色，鼠标悬浮在链接上时是
FF00FF
，点击时的颜色是
D200D2
。