前端学习入门笔记(一)

1.盒子模型：通常分为两种，一种是IE模型，一种是标准模型。两种的区别就是内容的width计算不同,先看下这两种布局上的不同（图片源自网络)

      在标准模型下 width = content

      而在ie模型下 width = content + 2 * padding + 2 * border

      而这两种的模型的转换可以由boxing-size属性来设置  标准：content-size ,IE：border-box

2.弹性布局：flex属性（css3新增的一大特性，非常好用）当需要使用时，只需将display：flex即可，常用的几个属性如下

flex-direction:row（横向排列） align-items:center （主轴对齐，此时主轴是横向，水平居中） align-content:center (副轴对齐，即上下居中)