記錄一下關於css3的各種常用屬性對ie各版本瀏覽器的相容程度；
最低可相容ie7
最低可相容ie8
最低可相容ie9
最低可相容ie10
position：fixed
clip
e:first-letter
e::first-letter
e:first-line
e::first-line
box-sizing
e:after/e::after
e:before/e::before
@import
border-radius
box-shadow
background-size
background-origin
background-clip
background-image
background-repeat
background-position
opacity
transform
@media
e:not(s)
e:nth-child(n)
e:only-of-type
單位：rem 、 vw 、 vh 、
deg 、 s 、 ms 、 rgba 、
display:flex
display:inline-flex
border-image
text-shadow
user-select
flex
align-items
transition
animation
@keyframes
另外，你可以檢視一下html5的各個屬性對瀏覽器的支援，
參考博文鏈結
檢視各瀏覽器的裝機情況（包括整個瀏覽器在市場的占有率）
總結：chrome，firefox：支援html5很多年，而且有自動公升級，支援最好。
safari，opera：同樣支援html5很多年，支援也很好。
ie：ie10起比較好了，之前很差。
不考慮相容性的情況下，各種屬性怎麼用都沒什麼問題，
如果放在實際開發專案中，在使用屬性的時候，還是保守點較好。
ie相容CSS3漸變寫法
在css3之前要想做背景色漸變就只能採用新增背景的方法，但是隨著css3 linear gradient屬性的出現，就可以避免使用新增背景的方法，從而優化了效能。但是 inear gradient屬性在ie9以下是無效的，但是可以採用ie濾鏡的方法。比如 黑色漸變到白色，如下 gradient ie...
CSS3 常用屬性
border radius 圓角 乙個值 四個值 每個值拆分成兩個方向值 box shadow 盒子陰影 效能殺手 box shadow x y 模糊半徑 陰影拓展半徑 陰影顏色 投影方式 text shadow 文字陰影 效能殺手 text shadow x y 模糊半徑 陰影顏色 rgba r,...
CSS3常用屬性
font family 設定字型。比如 font family microsoft yahei font weight 字型粗細，屬性值 normal bold bolder lighter 100 900 line height 行間距 text indent 首行縮排 letter spacin...