📌 一、CSS3 核心特性概览
- 选择器增强：支持
:nth-child()、:not()等高级选择器高级选择器 - 新属性：
border-radius实现圆角边框box-shadow添加立体投影background-size控制背景图片尺寸transform实现旋转/缩放/平移CSS3新属性
- 渐变背景
background: linear-gradient(to right, #ff7e5f, #feb47b);线性渐变
🚀 二、实战应用技巧
- 响应式布局：使用
@media查询适配不同设备
查看响应式布局教程 - 动画效果：
@keyframes定义动画transition实现平滑过渡animation控制动画播放CSS动画示例
- Flexbox 布局：
display: flex; justify-content: center; align-items: flex-end;
📚 三、扩展学习资源
💡 四、小贴士
- 使用
text-shadow为文字添加立体效果文字阴影 - 通过
clip-path创建自定义形状clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%);