【一】页面布局题
【1】请说明HTML布局元素的分类有哪些？并描述每种布局元素的应用场景？
内联元素、块状元素、内联块状元素；
内联元素：用于不指定宽高，宽高由内容指定；
块状元素：用于指定宽高，标签占满一行；
内联块状元素：用于指定元素宽高，不占满一行。
【2】列举出在浏览器中，页面加载过程触发了哪些事件？并画出这些事件的执行顺序
（1）浏览器根据DNS服务器解析输入网址的ip；
（2）向这个IP发送HTTP请求；
（3）服务器收到请求，返回响应到浏览器；
（4）浏览器得到响应内容，加载页面
看到后面一问说画出事件的执行顺序，有点蒙蔽，这题目问的是页面渲染吧。。。然后我就写了页面加载、渲染两部分的内容，哈哈哈。画图也就画页面渲染的执行顺序了。。。
页面渲染的执行顺序
这里有两篇好文章，大家可查看大佬们更详细的解释
https://blog.csdn.net/xiaozhuxmen/article/details/52014901
https://juejin.im/post/5ca0c0abe51d4553a942c17d这篇好文还提到defer、async的区别，在面试的时候，面试官也问了这个问题，大家也可以mark一下。
【3】请描述一下为什么页面需要做优化？并写出常用的页面优化实现方案
【4】列举出CSS选择器有哪些分类，并至少写出三个CSS选择器之间的区别，适用场景
【5】请画出CSS盒模型，基于盒模型的原理，说明相对定位、绝对定位、浮动实现样式的原理
【6】div和span的区别
我有空慢慢再补充 待续.....
