CSS

一、认识flex布局 flexbox：弹性盒子 弹性盒子是一种用于按行或按列布局元素的一维布局方法 元素可以膨胀以填充额外的空间，收缩以适应更小的空间 通常我们使用flexbox来进行布局的方案称之为

一、认识浮动 float属性可以指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它 绝对定位、浮动都会让元素脱离标准流，以达到灵活布局的效果 float常用取值 none：不浮动，默认值

一、标准流布局 默认情况下，元素都是按照normal flow（标准流）进行排布 从左到右、从上到下的顺序 默认情况下，互相之间不存在层叠现象 块级元素独占一行，行内元素与其他行内元素在一行显示 标准

一、认识盒子模型 二、box-sizing 1. content-box padding、border都布置在width、height外边,如W3C标准盒子模型 元素的实际宽度=border+padd