1.HTML文件里开头的Doctype有什么作用

申明HTML使用哪个版本

2.如何理解盒模型及其content、padding、border、margin？

content：盒子的内容物

padding：内容物和盒子之间部分

border：盒子本身

margin：盒子和外面容器之间的部分

3.常见的inline元素、block元素、inline-block元素有哪些？它们之间有什么区别

inline元素：a，span，strong，em，img。

特点：不换行，宽度为内容宽度，无法设置高度宽度，padding、margin只能设置左右，上下无效。

block元素：div，p，ul，h1-h6。

特点：换行，宽度默认为父元素宽度，可以设置宽高、padding、margin。

inline-block元素：不换行，可以设置宽高、padding、margin。

4.如何使用浏览器的F12调试页面？

可以更好的看到代码和网页的关系，有些元素不显示，可以找到并发现问题。只会用elements，其他的还没搞明白

5.九宫格的布局你还能想到哪些办法实现？它们各自的优势劣势是什么？

除了内联元素以inline-block显示，还可以div浮动，还可以用表格实现。优劣还不清楚。

6.IDE是什么？它和文本编辑器相比有什么优缺点？

IDE就是一个工具集，里面有各种能直接加元素效果之类的工具，但是比较大，卡电脑，例如Dreamweaver。文本编辑器就是比TXT多一些功能，代码基本全部靠手打，有插件，需要自己选择下载，小巧速度快，例如sublime。

7.加和不加meta的viewport有什么区别？

加了以后能在移动端实现自适应，不加的话会出现滚动条。