第一章 概述

第一章 概述

1. CSS世界的“世界观”

   将抽象的CSS直接和具体的现实世界相对应

2. 世界都是创造出来的

   1. CSS世界的诞生就是为图文信息展示服务的。

3. CSS完胜SVG的武器-流

   • SVG的强项是图形，SVG：矢量图形
   1. 何为“流”
      1. “流”实际上是CSS世界中的一种基本的定位和布局机制，可以理解为现实世界的一套物理规则，“流”跟现实世界的“水流”有异曲同工的表现。
      2. div和span分别是块级元素和内联级元素的代表，特性如现实世界的水和木头。
   2. “流”是如何影响整个CSS世界的
      1. 文档流一般是从左至右自上而下的，但是可以通过一些方式去改变流向，所以说这种说法是不严谨的
   3. 什么是流体布局
      1. 所谓“流体布局”指的是利用元素“流”的特性实现的各类布局效果。
      2. 因为“流“本身具有自适应特性，所以”流体布局“往往都是自适应性的。
      3. 但是流体布局不等同于”自适应布局“。
      4. ”自适应布局“是对凡是具有自适应特性的一类布局的统称，”流体布局“要狭窄的多
      5. 如：表格布局也可以设置为100%自适应的，但表格和”流“不是一路的，并不属于”流体布局“。
      6. div是典型的具有”流“特性的元素，因此，曾经风靡的"div+css布局"，实际上值得就是这里的”流体布局“

4. CSS世界的开启从IE8开始

   1. 本书主讲的是CSS2.1

5. table自己的世界

   1. table不属于”流“ 的世界

6. CSS新的世界--CSS3

   1. 布局更为丰富

      1. 弹性盒子布局(flexible box layout)
      2. 格栅布局(grid layout)

   2. 视觉表现长足进步

      1. 圆角。阴影和渐变让元素更有质感
      2. transform变换让元属有更多的可能
      3. filter滤镜和混合模式让web轻松变成在线的photoshop:
      4. animation让动画变的更简单