CSS新特性介绍

Time: 20200131

本课程是技术胖的课程笔记。

新特性介绍

• CSS3选择器
• 抛弃图片的视觉效果（不能完全抛弃图片）
• 盒模型变化（多列布局和弹性盒模型）
• 阴影效果（文本阴影，盒阴影）
• Web字体和Web Font图标
• CSS3过渡与动画交互效果
• 媒体查询

基于伪类选择器，使得结构与表现分离。

HTML变得更少，更好维护。

过渡就是简单的动画。

媒体查询标志着工程师和切图仔的区别。

三次浏览器世界大战

• 网景 vs. IE
• 火狐 vs. IE (2004)
• Chrome(2008)

手机端：Safari是iOS自带的浏览器。

查看浏览器的市场份额

https://tongji.baidu.com/research/site?source=index

浏览器对CSS3的支持情况

https://caniuse.com/

渐进增强与优雅降级

前者先满足大部分浏览器，后者则是先满足大部分用户，如Chrome用户。

END.