CSS3是前端開發中重要的一部分,支持的新特性越來越多,下面就來看看CSS3有哪些新特性。
1. 邊框屬性(border)的新特性
border-radius: 圓角邊框 border-image: 邊框圖片 border-color: 透明邊框顏色 border-shadow: 邊框陰影效果 border-slant: 邊框斜角效果
2. 盒模型(box model)屬性的新特性
box-sizing: 盒模型的寬高包括內邊距和邊框,還是不包括
3. 背景屬性(background)的新特性
background-size: 背景圖片大小自適應,鋪滿容器、居中等 background-origin: 背景圖片在盒模型內的位置(內邊距、內容區、邊框區) background-clip: 背景圖片可見區域,可使用padding-box、content-box等 background-attachment: 背景圖片是否固定(fixed)
4. 選擇器的新特性
:enabled: 能夠被選中的表單元素 :checked: 選中的表單元素 :not: 非某種選擇器效果 ::selection: 選中的文字或元素的背景顏色 :invalid: 輸入格式不正確的表單元素 :required: 必填項表單元素
5. 動畫(animation)屬性的新特性
@keyframes: 自定義動畫 animation: 動畫名字、持續時間、延遲時間、呈現速度、循環次數等
總結
CSS3的新特性豐富多彩,前端開發者需要不斷地學習和掌握,以便更好地開發出使用CSS3的優秀網站。