CSS3的高级属性
CSS3的高级属性十分适合响应式设计。很多情况下，我们可以用它来替代图片。这样既省时，又能增加代码的可维护性和灵活度，还能让页面更“轻”。这些优势即便是在固定宽度的桌面设计中也很有用，在响应式设计中则更加重要，使用CSS可以在不同视口中轻松创造出不同的酷炫效果。
以下是部分CSS3高级技术特性和其属性语法：
| 特性 | 语法 |
|---|---|
| 重复渐变背景（径向） | repeating-radial-gradient |
| 背景线性渐变 | linear-gradient |
| 用来分隔阴影特性的符号，使其会按照从底部到顶部（从最后一个到第一个）的顺序被添加 | 逗号 |
| CSS滤镜 | filter |
| 背景大小关键词：让图片保持其原生大小 | auto |
| 阴影尺寸 或 阴影偏移（可选可省略），文字阴影特效缩写值的第4个值 | spread |
| 用来叠加不同阴影特性的符号 | 空白 |
| 模糊距离（可选可省略），文字阴影特效缩写值的第3个值 | blur |
| 盒阴影容许你在元素的内部或者外部创建盒状的阴影效果 | box-shadow |
| 盒阴影添加了关键字以產生内阴影（可选） | inset |
| 文字阴影特效，是最被广泛支持的CSS3特性之一。 | text-shadow |
| 背景径向渐变 | radial-gradient |
| 背景大小关键词：保持图片比例，拓展至覆盖整个元素。 | cover |
| 背景大小关键词：保持图片比例，拓展图片让其最长边保持在元素内部。 | contain |