WEB前端开发工程师面试题

[HTML && CSS]1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?Doctype 声明位于文档中的最前面的位置，处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 法律规范。该标签可声明三种DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据法律规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如 Microsoft IE 4 和 Netscape Navigator 4）的行为以防止老站点无法工作。浏览器根据 DOCTYPE 是否存在以及使用的哪种DTD 来选择要使用的呈现方法。假如 XHTML 文档包含形式完整的 DOCTYPE，那么它一般以标准模 式 呈 现 。 对 于 HTML 4.01 文 档 ， 包 含 严 格DTD 的 DOCTYPE 常常导致页面以标准模式呈现。包含过渡 DTD 和 URI 的 DOCTYPE 也导致页面以标准模式呈现，但是有过渡 DTD 而没有 URI 会导致页面以混杂模式呈现。DOCTYPE 不存在或形式不正确会导致 HTML 和 XHTML 文档以混杂模式呈现。2. 行内元素有哪些？块级元素有哪些？CSS 的盒模型？行 内 元 素 有 ： a b span I b em img input select strong块 级 元 素 有 ： div ul ol li dl dt dd h1 h2 h3 h4…p盒模型：margin border padding width3.CSS 引入的方式有哪些? link 和@import 的区别是?1. 使用 LINK 标签将样式规则写在.css 的样式文件中，再以标签引入。2. 使用@import 引入跟 link 方 法 很 像 ， 但 必 须 放 在 中3. 使用 STYLE 标签将样式规则写在标签之中。4. 使用 STYLE 属性将 STYLE 属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值 1; 性质(属性)2: 设定值 2; ...}5. 使用标记...