21、使用硬件加速
在浏览器中开启硬件加速，使GPU图形处理单元发挥功能，从而提升性能。硬件加速在移动端特别有用，因为它可以有效的减少资源的利用。
当前主流浏览器会检测到页面特定DOM元素应用了某些CSS规则时会开启，最显着特征的元素的3D转换。如果不使用3D变形，我们通过下面的方式可以来开启：
.wrap{
transform:translateZ(0);
}
22、页面动画出现问题
在Chrome和Safari中，当我们使用CSS转换或者动画时可能会有页面闪烁的效果，下面的代码可以修复此情况：
.cube{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:;
perspective:;
/*Othertransformpropertieshere*/
}
在webkit内核的浏览器中，另一个行之有效的方法是
.cube{
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
/*Othertransformpropertieshere*/
}
23、字母大小写转换
p{text-transform:uppercase}//将所有字母变成大写字母
p{text-transform:lowercase}//将所有字母变成小写字母
p{text-transform:capitalize}//首字母大写
p{font-variant:small-caps}//将字体变成小型的大写字母
24.将一个容器化为透明
.wrap{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}
25、删除转换闪屏
.wrap{
-webkit-transform-style:preserve-3d;
-webkit-backface-visibility:hidden;
-webkit-perspective:;
}
26、识别字符串里的\n并换行
一般在富文本中返回换行符不是br的标签，而且\n。不使用正则转换的情况下，可通过下面样式实现换行。
body{
white-space:pre-line;
}
27、移除一个标签被点链接的边框
a{
outline:none；//或者outline:0
text-decoration:none;//取消默认下划线
}
28、CSS显示链接之后的URL
ahref="//