CSS世界

CSS 世界的开启从 IE8 开始

本书书名为《CSS 世界》，这里的“世界”特指的是 CSS2.1 的世界，并不包括 CSS3，CSS3
的世界更为庞杂和宏大，但 CSS2.1 的世界已经足够我们畅游很多年了。现在前端技术发展迅猛，
加上氛围略显浮躁，有必要让广大前端开发人员静下心来认识 CSS2.1 的世界，否则面对 CSS3
的真正到来，只能是浅水游弋、搬砖打杂。
对 CSS2.1 的全面支持是从微软公司的 IE8 开始的，因此，本书中几乎所有特性、行为表现
都是针对 IE8 以上浏览器的。

CSS 新世界——CSS3

时代在变迁，科技在发展，人们对互联网的需求也在变化，以前的以图文展示为主的门户
网站已经无法满足用户的需求。技术总是随着需求发展的，正如 10 年前的图文展示需求缔造了
CSS 世界一样，如今的移动互联网以及硬件发展也带动 CSS 进入了新的世界。
（1）布局更为丰富。 • 移动端的崛起，催生了 CSS3 媒介查询以及许多响应式布局特性的出现，如图片元素
的 srcset 属性、CSS 的 object-fit 属性。
• 弹性盒子布局（flexible box layout）终于熬出了头。
• 格栅布局（grid layout）姗姗来迟。
（2）视觉表现长足进步。 • 圆角、阴影和渐变让元素更有质感。
• transform 变换让元素有更多可能。
• filter 滤镜和混合模式让 Web 轻松变成在线的 Photoshop； • animation 让动画变得非常简单。
上面提到的全部都是 CSS3 的新属性。因为 CSS3 的设计初衷是为了实现更丰富、更复杂
的网页，所以基本上和“流”的关系并不大。可以说，和 CSS2 相比 CSS3 就是一个全新的世界，
更加丰富，更加规范，更加体系化，也更加复杂。考虑到 CSS3 尚未完全成型，且自己尚未有
足够深入的研究，无法同时驾驭太复杂的内容，因此，本书不会深入 CSS3 的知识点。