根據 W3School 歸納
主要包含 兼容性 及 部分坑
邊框 :
border-radius : 不兼容 IE8 以下
box-shadow : 不兼容 IE8 以下
border-image :
僅IE11，需要-webkit-，-o-前綴 。
ios瀏覽器中會無效，兼容寫法：
border : 15px solid transparent; 應該分開寫成 border-width:15px; border-style:solid;
背景：不兼容IE9以下
background-size : 規定背景圖片的尺寸
background-origin ： 規定背景圖片定位區域
background-clip ： 規定背景的繪製區域
文本：
text-overflow : 都支持
text-shadow : IE9以下不支持
word-break : 都支持
word-warp : 都支持
其中word-break：break-all；與 word-warp:break-word；區別見大神貼：
http://www.zhangxinxu.com/wordpress/2015/11/diff-word-break-break-all-word-wrap-break-word/
字體：
@font-face：
ff , chrome, safari等支持 .ttf .otf字體
IE9 以上支持 .eot 字體
兼容寫法：
動畫：
2D：
3D：
transition ：
animation 和 @keyframes：
用戶界面：
