布局小记
一个网页的布局大致分三部分：头部、内容、底部。
关于布局，首先要加上*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
删除浏览器的默认样式，再加上个盒子，保证元素的大小尽在自己的掌控之中
布局的方法有很多，比较常见的是使用浮动和弹性盒子来达到我们想要的效果。
使用浮动，切记要清除浮动，以解决高度塌陷的问题，而我更喜欢flex布局,熟练的掌握flex的相关属性，
页面不仅容易写，还可以达到网页自适应的效果。若要使用flex弹性盒子布局，需熟练掌握
flex-wrap属性
justify-content属性
align-items属性
align-content属性
align-self属性
做一个网页的大概思路：
一、头部
头部一般用无序标签来写，为了其变为行内块类元素从而形成一行的效果，
可以用
1、display：inline-block；
2、浮动（浮动会改变元素的性质，使其变成行内块类元素）
3、display：flex；
…
二、内容
一般在写内容的时候我会在最高级的div中加一个max-width再来个margin: 0 auto;使其居中，
这样页面在不同分辨率的电脑上运行时内容都会居中且不会乱。
三、底部
底部一般声明版权问题
ps：若要在各个分辨率的设备上运行可使用媒体查询