CSS3有哪些新特性？

CSS3给前端开发带来的变化，真可以说是翻天覆地。它不再只是负责简单的颜色和边框，而是变成了一套强大的工具集，让很多以前必须用图片甚至JavaScript才能实现的效果，现在用几行样式就能搞定。

最直观的是一批视觉增强属性。过去要切个圆角图片，现在一个border-radius就解决了；想给盒子加点层次感，box-shadow和text-shadow随手就来。还有渐变色背景，直接用linear-gradient写在CSS里，省去了多少图片请求。

.box {
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
  background: linear-gradient(to right, #ff7e5f, #feb47b);
}

布局方式更是迎来了革命。Flexbox和Grid这两大模块，彻底把我们从业界称之为“Hack”的浮动和定位布局中解放了出来。现在构建自适应的、复杂的页面结构，变得直观和可维护得多。这些现代布局方式，是和HTML5一起构建当代网页应用的基石。

动画和过渡（transition和animation）是另一个亮点。让元素平滑地移动、变色、旋转，以前是JavaScript的领地，现在CSS就能优雅地处理。这不仅能提升体验，性能开销通常也更小。

.button {
  transition: all 0.3s ease;
}
.button:hover {
  transform: scale(1.05);
}

此外，媒体查询（@media）为核心的响应式设计理念，直接催生了移动优先的开发流程。还有自定义属性（CSS变量）、更丰富的选择器（如:nth-child）等等，都极大提升了代码的复用性和灵活性。

总的来说，CSS3不是一个单一的东西，它是一系列模块的集合。掌握它意味着你能更高效地用样式直接表达设计意图，把更多精力放在创意和逻辑上，而不是跟浏览器较劲。