css常识

1. 常用的几种布局方式
   固定布局
   流式布局（自适应布局）
   弹性布局（伸缩布局）
   定位布局
   浮动布局
   响应式布局（媒体查询）
   固定布局、流式布局、定位布局、和浮动布局都比较简单。都可以查看W3C。简单的我是这个理解这几个的。如下：

固定布局的固定说的是盒子的宽高都是固定的。margin，padding等。
流式布局的流式是指的盒子的宽高和margin，padding是百分比。所以也称为百分比布局。有以下几点需要注意

• 百分比是基于元素父级的大小计算得来的；
• 元素的水平或者竖直间距都是相对于父级的宽度计算的.(margin&padding)
• 边框不能用百分比设置
  定位布局指的是，绝对定位和相对定位以及固定定位。这个可查看W3C。
  浮动定位是只float:left;和float:right;要记得清浮动。

这页面中的布局，现在我都是综合几种布局一块来实现的，那种以哪一种的布局方式为主要形式，此页面就可以说是哪一种的布局页面。

下面主要的是谈谈弹性布局（flex-box）当然关于flex-box的文章很多，我写在这里只是为了写给自己的，我的理解有误的话，也欢迎有人来提出。可点击查看阮一峰老师的文章

CSS3引入了一种新的布局模式——Flexbox布局，即伸缩布局盒模型（Flexible Box），用来提供一个更加有效的方式制定、调整和分布一个容器里项目布局，即使它们的大小是未知或者动态的，这里简称为Flex。