Home >Web Front-end >HTML Tutorial >了解CSS3_html/css_WEB-ITnose
> 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浏览器也能正常使用,只不过体验会大打折扣。