WEB前端开发工程师面试题（最新精选汇编）-（最新版-已修订）.pdfVIP

[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 width 3. CSS 引入的方式有哪些? link 和@import 的区别是? 1. 使用 LINK 标签 将样式规则写在.css 的样式文件中，再以link标签引入。 link rel=stylesheet type=text/css href=example.css 2. 使用@import 引入 跟 link 方法很像，但必须放在STYLE.../STYLE 中 STYLE TYPE=text/css !-- 　　@import url(css/example.css); -- /STYLE 3. 使用 STYLE 标签 将样式规则写在STYLE.../STYLE标签之中。 STYLE TYPE=text/css !-- body {color: #666;background: #f0f0f0;font-size: 12px;} td,p {color:#c00;font-size: 12px;} -- /STYLE 4. 使用 STYLE 属性 将 STYLE 属性直接加在个别的元件标签里，元件(标签) STYLE=性质(属性)1: 设定值 1; 性质(属性)2: 设定值 2; ...} 5. 使用span/span标记引入样式 span style=font:12px/20px #000000;/span 两者区别：加载顺序的差别。当一个页面被加载的时候，link 引用 CSS 会同时被加载，而@import 引用 CSS 会等到页面全部被下载完再被加载。@import 可以在 css 中再次引入其他样式表，比如可以创建一 个主样式表，在主样式表中再引入其他的样式表，如： main.css ———————- @import “sub1.css”; @import “sub2.css”; 这样做有一个缺点，会对网站服务器产生过多 HTTP 请求，以前是一个文件，而现在却是两个或更多文 件了，服务器的压力增大，浏览量大的网站还是谨慎使用。 4. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和 important 哪个优先级高？  通配选择符* { sRules }  类型选择符 E { sRules } td { font-size:14px; width:120px; }  属性选择符 E [ attr ] { sRules }