前端程序员史上最全面试指南( 七 )

(Q2)content-box:宽度和高度分别应用到元素的内容框 。 在宽度和高度之外绘制元素的内边距和边框(元素默认效果) 。

border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制 。 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度 。

5.Doctype作用?标准模式与兼容模式各有什么区别?

(Q1)<!DOCTYPE>告知浏览器的解析器用什么文档标准解析这个文档 。 DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现 。

(Q2)标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行 。 在兼容模式中 , 页面以宽松的向后兼容的方式显示模拟老式浏览器的行为以防止站点无法工作 。

6.HTML5 为什么只需要写 <!DOCTYPE HTML>?

HTML5不基于 SGML , 因此不需要对DTD进行引用 , 但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行) 。

推荐阅读