CSS3常见技巧(一)：如何禁止文本选择高亮
根据 Can I use显示，目前user-select已经支持绝大多数浏览器了，不过如果想在IE9或者更早之前使用，还需要使用浏览器前缀。
代码如下
. noselect{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* 没有前缀，目前支持Opera和谷歌浏览器 */
}
CSS3常见技巧(二)：如何用CSS3来实现三角形?
如何使用CSS3来画一个三角形经常令人非常感到困惑，其实原理上是宽度相等的边距以45度来连接。
如何用CSS3来实现三角形
这个是正常情况下，如果我们这个时候把顶部的边距设为none的话就会显示下面这种情况
如何用CSS3来实现三角形
再把content宽度设为0
如何用CSS3来实现三角形
再把content高度设为0
这个时候，很容易联想到把左右边距颜色设为透明色(transparent)
大致过程就是如此，总结一下就是如果我想到一个三角形，比如它的方向就是向左的，那么只要设置它相反放下的颜色不为透明，并把其他两个方向设为透明即可。
代码如下：郑州人流多少钱
.right{
width:0;
height:0;
border-top:20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid pink;
}
.top{
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid pink;
}
.left{
width: 0;
height:0;
border-right: 20px solid pink;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent
}
.bottom{
width: 0;
height: 0;
border-top: 20px solid pink;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}