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