开篇
深入学习一门技术需要以平常心对待,先对其有整体的了解,然后开始对其的细节开始分析。在学习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时代就不是这样啦,带领我们进入一个新的世界,布局丰富(移动端和弹性盒子),视觉表现长足进步,圆角、阴影和渐变让元素更有质感。