1、什么是盒子模型？

       解答：css模型（又称：框模型），CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。

       包含元素内容（content），内边距（padding），边框（border），外边距（margin）几个要素。

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

2、如果页面不写doctype页面还会解析页面吗？

       解答：会， <!DOCTYPE html>表示文档类型的声明，它的目的是告诉解析器应该使用什么样的文档类型来解析文档。

                 ★  如果没有使用<!DOCTYPE html>，浏览器会按照自己的方式解析页面， 在不同的浏览器就会显示不同的样式。（怪异模式）

                 ★  如果页面添加了<!DOCTYPE html>， 那么浏览器就会使用W3C的标准来解析渲染页面。（标准模式）

3、定位有几种方式？每种方式定位的基准是什么吗？那种方式会脱标？他们之间会有层级关系吗，谁的层级会高些？

      解答：

　　　　①  绝对定位（absolute）、相对定位（relative）、固定定位（flex）、静态定位（static）

　　　　②  绝对定位：相对于其最接近的一个具有定位属性的父元素进行定位。

　　　　　相对定位：相对于自身的位置进行定位。

　　　　　固定定位：相对于浏览器进行定位。

　　　　　静态定位：默认值，没有定位。

　　　　③  绝对定位和固定定位会脱标。相对定位不会脱标：老家留坑 形影分离

　　　　④  定位元素层级相同，下会盖住上。  为其定位元素设置 z-index：1，依次递增。 父元素层级再高，也不会盖住子元素。

4、浮动会带来哪些影响？哪些方式可以清除浮动？

5、如何让一个不定宽高的div垂直水平居中？

6、H5/C3增加了哪些新属性，分别列举一下？

7、H5/C3新属性如何做兼容处理？（重要）

8、Css如何画一个三角形？

9、H5的本地存储和传统的存储区别是什么？

10、页面之间的参数传递有哪些方式？

11、浏览器缓存和离线缓存的区别是什么吗？

12、为什么会有缓存？如果不想缓存如何避免掉？

13、H5的wbsocket是什么？应用场景有哪些？和http以及https的区别是什么？

14、em和rem的区别？

15、移动端页面如何来做适配？（重要）

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄