CSS消除过渡闪屏-.css{-webkit-transform-style:preserve-3d;-webkit-backface-visibility：隐藏；-webkit-透视：1000；}过渡动画（不启动硬件加速的情况）会出现抖动，以上解决方案只是改变视角启动硬件加速的一种方式；另一种启动硬件加速的方法：.css{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);转换：translate3d(0,0,0)；}最常见的开启硬件加速的方式：translate3d、translateZ、transformopacity属性/过渡动画（动画执行过程中会创建复合层，动画还没有开始或结束后元素会回到之前的状态）will-chang属性（这个比较偏僻），一般配合opacity和translate使用（而且经过测试，除了以上属性会造成硬件加速，其他属性不会成为复合层），缺点：硬件加速会导致CPU性能和电池功耗过高；所以尽量避免乱用硬件加速。css实现单行文字溢出显示...overflow:hidden;文本溢出：省略号；white-space:nowrap;//当然需要增加width属性来兼容局部浏览。实现多行文字溢出显示...display:-webkit-box;-webkit-box-orient：垂直；-webkit-line-clamp:3;溢出：隐藏；由于在WebKit浏览器和移动端使用了WebKit的CSS扩展属性，因此该方法适用；1.-webkit-line-clamp用于限制块元素中显示的文本行数。为了达到这个效果，需要结合其他的WebKit属性。常用组合属性：2.display:-webkit-box;必须组合以将对象显示为灵活的盒模型的属性。3.-webkit-box-orient必须结合属性来设置或获取flexbox对象子元素的排列方式。更改占位符的字体颜色大小input::-webkit-input-placeholder{/*WebKit浏览器*/font-size:14px;color:#333;}input::-moz-placeholder{/*MozillaFirefox19+*/font-size:14px;color:#333;}input:-ms-input-placeholder{/*InternetExplorer10+*/font-size:14px;颜色：#333；}
