发布时间:2025-12-10 13:01:51 浏览次数:6
CSS3.0是当前最新的CSS版本,它拥有一些新增的功能和特性。本文将整理一些常用的CSS3.0知识点,帮助读者更好的掌握CSS技术。
1. 新增选择器
CSS3.0新增了几种选择器,它们分别是:-属性选择器-伪类选择器-结构化伪类选择器-伪元素选择器
例如,可以使用属性选择器选取所有href属性值为"https..."的超链接:
a[href="https..."] { color: red; }2. 圆角边框
在CSS3中,可以使用border-radius属性设置圆角边框。例如,设置一个4像素的圆角边框:p { border: 2px solid #000; border-radius: 4px; }3. 盒阴影
在CSS3中,可以使用box-shadow属性设置盒阴影。例如,设置一个大小为4像素的黑色阴影:p { box-shadow: 4px 4px 4px #000; }4. 渐变背景
在CSS3中,可以使用background-image属性设置渐变背景。例如,设置一个红色到绿色渐变:p { background-image: linear-gradient(red, green); }5. 动画效果
在CSS3中,可以使用@keyframes规则和animation属性创建动画效果。例如,定义一个淡入效果:@keyframes fade-in {from { opacity: 0; }to { opacity: 1; }}p {animation: fade-in 2s;}