💻 1. 高级选择器应用
- 属性选择器：
input[type="text"] 可精准定位文本输入框
- 伪类选择器：
:nth-child(2n+1) 实现奇数行样式控制
- 结构选择器：
nav > ul > li 限定层级关系
📌 点击查看CSS3选择器完整指南
🌈 2. 动画与过渡效果
- 关键帧动画：
@keyframes 实现复杂动态效果
- 过渡属性：
transition: all 0.3s ease-in-out
- 3D变换：
transform: rotateX(45deg) scale(1.2)
🚀 探索CSS3动画实战案例
📐 3. 响应式布局技巧
- Flexbox布局：
display: flex 实现弹性盒子模型
- Grid布局：
display: grid 创建二维网格系统
- 媒体查询：
@media (max-width: 768px) 实现移动端适配
📱 深入理解CSS3响应式设计
🛠 4. 高级功能实践
- 阴影效果：
box-shadow: 5px 5px 10px #888
- 渐变背景：
background: linear-gradient(to right, #ff7e5f, #feb47b)
- 文字排版：
text-shadow: 2px 2px 4px #000000
✅ CSS3高级功能代码示例
