时间：2021-07-01 10:21:17 帮助过：13人阅读
> CSS3是CSS规范的最新标准，它在CSS2.1基础上增加了很多强大的功能，帮助开发人员解决了一些问题。CSS2.1是单一规范，而CSS3被划分成几个模块组，每个模块组都有自己的规范。### 什么是CSS3CSS3是CSS的最新规范，相比CSS2.1，它解决了很多问题，如圆角、多背景、透明度、阴影等。CSS2.1是单一规范，而CSS3被划分成多个模块。#### CSS3的新特性1. 强大的CSS3选择器2. 抛弃图片的视觉效果3. 背景的变革4. 盒模型变化5. 阴影效果6. 多列布局和弹性盒模型布局7. Web字体和Web Font图标8. 颜色和透明度9. 圆角与边框10. 盒容器的变形11. CSS3过渡与动画交互效果12. 媒体特性与Responsive布局#### CSS3发展状况目前CSS3还不是最终标准，建议选择性使用CSS3的最新特性，标准是支持度比较高的。#### 现在可以使用CSS3吗？在实际的开发中，我们应该首先运用相对稳定的CSS3特性，而不是盲目的去滥用CSS3#### 使用CSS3有什么好处CSS3利于网站的开发与维护，提高网站性能1. 减少开发与维护成本2. 提高页面性能### 浏览器对CSS3的支持状况略...### 渐进增强> 渐进增强（Progressive Enhancement）不是一门技术，而是一种开发方式，更是一种Web设计理念。#### 渐进增强与优雅降级在编写Web页面时，首先要保证最核心的功能实现，让任何低端浏览器都能看到站点内容，然后考虑使用高级但非必要的CSS和JavaScript等增强功能，为当前和未来的浏览器提供更好的支持，提供更好的用户体验。在设计的时候，首先考虑低端设备用户能否看到所有内容，然后在此基础上为高端用户设计，不仅为高端设备用户提供一个完美的应用，也要为不同性能级别设备的用户设计不同级别的不那么完美的应用，这就是“优雅降级”。在我们平时的设计中有一种极强的固定思维，就是想让网站在各个浏览器下表现一致，这没什么问题，但这样会让领先的浏览器失去它们自身的优势。因此，改变制作Web站点的思维，让网站能优雅降级，目标是向尽可能多的用户提供尽可能优质的用户体验。#### 渐进增强的优点"向尽可能多的用户提供尽可能优质的用户体验"。如果网站始终无法做到一模一样，那为什么我们不使用CSS3技术让它在现代浏览器上看起来更绚丽呢？采用渐进增强能给现代浏览器用户一个更好的体验，在不支持CSS3的IE浏览器也能正常使用，只不过体验会大打折扣。