前端开发面试题2

1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? （1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。 （3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作 （4）、DOCTYPE 不存在或格式不正确会导致文档以混杂模式呈现。 其次是这样的意义 各个浏览器的混杂模式，基本就是各个浏览器的私有模式，不相互兼容。所以，除非是为了兼容的问题，比如你不想修改很久很久以前做的 IE ONLY 的网页，否则刻意触发混杂模式没有任何意义。 2：行内元素有哪些？块级元素有哪些？CSS 的盒模型？ （1）CSS 规范规定，每个元素都有 display 属性，确定该元素的类型，每个元素都有默认的 display 值，比如 div 默认display 属性值为“block”，成为“块级”元素；span默认display 属性值为“inline”，是“行内”元素。 （2）行内元素有：a b span img input select strong（强调的语气） 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p （3）知名的空元素：

---

鲜为人知的是： CSS 的盒子模型两种: IE 盒子模型、标准 W3C 盒子模型；IE 的 content 部分包含了 border 和 padding; 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border). 二.行内元素与块级元素有什么不同？ 不同：行内元素是一个一个挨着的，块级元素是占据一整行。 记住对行内元素 设置宽度 width 无效。 设置高度 height 无效，可以通过 line-height 来设置。 设置 margin 只有左右 margin 有效，上下无效。 设置 padding 只有左右 padding 有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的，看图上效果就知道了 盒子模型 W3C 组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、边框距(padding)、边界 (border)和边距(margin)。对于初学者，经常会搞不清楚 marg...