WEB前端开发重点项目工程师面试题.docVIP

[HTML CSS] Doctype? 严格模式和混杂模式-怎样触发这两种模式，区分它们有何意义? Doctype申明在文档中最前面位置，处于标签之前。此标签可通知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可申明三种DTD 类型，分别表示严格版本、过渡版本和基于框架 HTML 文档。 当浏览器厂商开始创建和标准兼容浏览器时，她们期望确保向后兼容性。为了实现这一点，她们创建了两种展现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器依据规范展现页面；在混杂模式中，页面以一个比较宽松向后兼容方法显示。混杂模式通常模拟传统浏览器（比如Microsoft IE 4和Netscape Navigator 4）行为以预防老站点无法工作。 浏览器依据DOCTYPE是否存在和使用哪种DTD来选择要使用展现方法。假如XHTML文档包含形式完整DOCTYPE，那么它通常以标准模式展现。对于HTML 4.01文档，包含严格DTDDOCTYPE常常造成页面以标准模式展现。包含过渡DTD和URIDOCTYPE也造成页面以标准模式展现，不过有过渡DTD而没有URI会造成页面以混杂模式展现。DOCTYPE不存在或形式不正确会造成HTML和XHTML文档以混杂模式展现。 行内元素有哪些？块级元素有哪些？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 CSS引入方法有哪些? link和@import区分是? 使用 LINK标签 将样式规则写在.css样式文件中，再以link标签引入。 link rel=stylesheet type=text/css href=example.css 使用@import引入 跟link方法很像，但必需放在STYLE.../STYLE 中 STYLE TYPE=text/css !-- 　　@import url(css/example.css); -- /STYLE 使用STYLE标签 将样式规则写在STYLE.../STYLE标签之中。 STYLE TYPE=text/css !-- body {color: #666;background: #f0f0f0;font-size: 12px; td,p {color:#c00;font-size: 12px;} -- /STYLE 使用STYLE属性 将STYLE属性直接加在部分元件标签里，元件(标签) STYLE=性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 使用span/span标识引入样式 span style=font:12px/20px #000000;/span 二者区分：加载次序差异。当一个页面被加载时候，link引用CSS会同时被加载，而@import引用CSS会等到页面全部被下载完再被加载。@import能够在css中再次引入其它样式表，比如能够创建一个主样式表，在主样式表中再引入其它样式表，如： main.css ———————- @import “sub1.css”; @import “sub2.css”; 这么做有一个缺点，会对网站服务器产生过多HTTP请求，以前是一个文件，而现在却是两个或更多文件了，服务器压力增大，浏览量大网站还是谨慎使用。 CSS选择符有哪些？哪些属性能够继承？优先级算法怎样计算？内联和important哪个优先级高？ 通配选择符* { sRules } 类型选择符E { sRules }td { font-size:14px; width:120px; } 属性选择符E [ attr ] { sRules }E [ attr = value ] { sRules }E [ attr ~= value ] { sRules }E [ attr |= value ] { sRules }h[title] { color: blue; }/* 全部含有title属性h对象 */span[class=demo] { color: red; }div[speed=fast][dorun=no] { color: red; }a[rel~=copyright] { color:black; } 包含选择符E1 E2 { sRules }table td { font-size:14px; } 子对象选择符E1 E2 { sRules }div ulli p { font-size:14px; } ID选择符 #ID { sRules } 类选择符