CSS3.0是當前最新的CSS版本,它擁有一些新增的功能和特性。本文將整理一些常用的CSS3.0知識點,幫助讀者更好的掌握CSS技術。
1. 新增選擇器
CSS3.0新增了幾種選擇器,它們分別是: -屬性選擇器 -偽類選擇器 -結構化偽類選擇器 -偽元素選擇器
例如,可以使用屬性選擇器選取所有href屬性值為"https..."的超鏈接:
a[href="https..."] { color: red; }
2. 圓角邊框
在CSS3中,可以使用border-radius屬性設置圓角邊框。例如,設置一個4像素的圓角邊框:div { border: 2px solid #000; border-radius: 4px; }3. 盒陰影
在CSS3中,可以使用box-shadow屬性設置盒陰影。例如,設置一個大小為4像素的黑色陰影:div { box-shadow: 4px 4px 4px #000; }4. 漸變背景
在CSS3中,可以使用background-image屬性設置漸變背景。例如,設置一個紅色到綠色漸變:div { background-image: linear-gradient(red, green); }5. 動畫效果
在CSS3中,可以使用@keyframes規則和animation屬性創建動畫效果。例如,定義一個淡入效果:@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } div { animation: fade-in 2s; }以上是CSS3.0的一些常用知識點,希望對讀者有所幫助。