CSS3

兼容手冊：http://www.runoob.com/cssref/css3-browsersupport.html

兼容寫法：
-moz-: 代表Firefox 瀏覽器私有屬性
-ms-: 代表 IE 私有屬性
-webkit-: 代表Safari、Chrome 私有屬性
-o-: 代表Opera 私有屬性

-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;

新增樣式:圓角、陰影

border-radius: 20px; box-shadow: 10px 5px 4px red;

漸變背景色、斷點換行、開發者自備字體

線性漸變：linear; background: linear-gradient(90deg,red 10%, green 100%);
徑向漸變：radial; background: radial-gradient(red 10%, green 100%);

邊框背景：位置、裁剪、尺寸

css3選擇器

形狀變換：transform; 過度動畫：transition;

animation動畫

動畫關鍵幀：@keyframes demoMove {…}

columns多列布局

彈性盒子：display: flex;

媒體查詢

瀏覽器渲染原理

總結

以上是生活随笔為你收集整理的CSS3应知应会的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。