6.23 CSS方面补遗

1.Script的defer和async

使用方式：

<script defer type="" src=""></script>

defer：浏览器会异步地下载该文件，并且不会影响到后续DOM的渲染，defer的脚本会在文档渲染完毕、DOMContentLoaded事件调用前执行
async：script脚本会异步加载，并且在允许的情况下被执行，此时不会按照script在页面中的顺序来执行，而是先加载完毕的先执行

2.position属性

static：默认值，无定位，元素出现在正常的流中，此时top、bottom、left、right等属性无效
relative：相对定位，相对于元素的正常位置进行定位
absolute：绝对定位，相对于第一个非static的父元素进行定位
inherit：从父元素继承
sticky：static和fixed的结合，相对它的最近滚动祖先和最近块级祖先定位
fixed：相对于浏览器窗口定位

3.盒模型

W3C盒模型：宽和高指content的宽和高
怪异盒模型：宽和高指content+padding+border