开篇
深入学习一门技术需要以平常心对待，先对其有整体的了解，然后开始对其的细节开始分析。在学习CSS这门语言时，不能以对待逻辑性和抽象要求较强的语言那样，如C++或JAVA之类，因为CSS这门语言本身并无逻辑可言，看重的是特性间的相互联系和具象能力。
CSS世界的“世界观”
在CSS这个世界里， CSS并不是一个机械枯燥的语言，所有属性都是有血有肉、有着不同个性和身世的个体。不同的个体可以碰撞出不同的火花，激荡出异彩纷呈的故事。
在本书中引用了动漫角色来描述width和display对div元素和span元素的样式魔法，真是别具一格，很有趣，不多说，自己看吧，哈哈~~
世界都是创造出来的
CSS世界的诞生就是为图文信息展示服务的。
- 从1996年12月17日是CSS1.0诞生以来，在样式呈现领域可谓所向披靡，没有遇到任何竞争对手。
- CSS2诞生在1998年5月12日，虽然比1.0小两岁多，但是它是推出了内容和表现分离，将一度不可一世的表格table布局打到体无完肤，以落寞收场。
- CSS2.x时代在2003年受到了SVG1.1的一轮冲击，但是在2007年CSS2.1发布后，将SVG“打入冷宫”。【原因：在图片和文字信息展示时代，SVG强项只是做好了图形没有做好文字，所以没有CSS图文显示能力强】
CSS完胜SVG的武器---流
何谓“流”，实际上是CSS世界中的一种基本的定位和布局机制。CSS世界构建的基石是HTML，而HTML最具有代表的两个基石是<div>和<span>正好是CSS世界中块级元素和内联级元素的代表。
所谓“流”，就是CSS世界中引导元素排列和定位的一条看不见的“水流”。
- 在CSS世界中“流”是无处不在的，如：瀑布流布局、流体布局等等，所以才会在我们看过的书籍中，经常出现什么“自适应布局”、“100%自适应”或“HTML+DIV布局”叫法，其实这些就是CSS的“流”。
- 但是CSS3.x时代就不是这样啦，带领我们进入一个新的世界，布局丰富(移动端和弹性盒子)，视觉表现长足进步，圆角、阴影和渐变让元素更有质感。
网友评论