WEB前端开发工程师面试卷试题.docVIP

[  H  T  M  L    C  S  S  ] 严格模式与混淆模式  -如何触发这两种模式，划分它们有何意义 Doctype  申明位于文档中的最前面的地点，处于标签从前。此标签可见告阅读器文档使用哪一种  HTML 或  XHTML  规范。该标签可申明三种  DTD  种类，分别表示严格版本、过渡版本以及鉴于框架的 HTML文档。 当阅读器厂商开始创立与标准兼容的阅读器时，他们希望保证向后兼容性。为了实现这一点，他们创 建了两种表现模式：标准模式和混淆模式（  quirksmode  ）。在标准模式中，阅读器依据规范表现页 面；在混淆模式中，页面以一种比较宽松的向后兼容的方式显示。混淆模式平常模拟老式阅读器（比 如MicrosoftIE4和NetscapeNavigator4）的行为以防范老站点没法工作。 阅读器依据DOCTYPE能否存在以及使用的哪一种DTD来选摘要使用的表现方法。假如XHTML文档 包括形式完好的DOCTYPE，那么它一般以标准模式表现。对于HTML文档，包括严格DTD的 DOCTYPE常常以致页面以标准模式表现。包括过渡DTD和URI的DOCTYPE也以致页面以标准模 式表现，可是有过渡DTD而没有URI会以致页面以混淆模式表现。DOCTYPE不存在或形式不正确 会以致HTML和XHTML文档以混淆模式表现。 2.行内元素有哪些？块级元素有哪些？CSS的盒模型？ 行内元素有：abspanIbemimginputselectstrong 块级元素有：divulollidldtddh1h2h3h4p 盒模型：marginborderpaddingwidth 引入的方式有哪些link和@import的差异是 使用LINK标签 将款式规则写在.css的款式文件中，再以link标签引入。 linkrel=stylesheettype=text/csshref= 使用@import引入 link方法很像，但一定放在STYLE.../STYLE中 STYLETYPE=text/css !-- @importurl(css/; -- /STYLE 使用STYLE标签 将款式规则写在STYLE.../STYLE标签之中。 STYLETYPE=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标志引入款式 spanstyle=font:12px/20px#000000;/span 二者差异：加载次序的差异。当一个页面被加载的时候，的CSS会等到页面所有被下载完再被加载。@import个主款式表，在主款式表中再引入其余的款式表，如：  link引用的CSS会同时被加载，而@import引用能够在css中再次引入其余款式表，比方能够创立一 ———————- @import“”; @import“”; 这样做有一个弊端，会对网站服务器产生过多的HTTP恳求，从前是一个文件，而此刻倒是两个或更多文 件了，服务器的压力增大，阅读量大的网站还是慎重使用。 选择符有哪些？哪些属性能够继承？优先级算法如何计算？内联和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;} 包括选择符E1E2{sRules} tabletd{font-size:14px;} 子对象选择符E1E2{sRules} divullip{font-size:14px;} ID选择符#ID{sRules} 类选择符{sRules} 选择符分组 E1,E2,E3{sRules} 伪类及伪对象选择符 E:Pseudo-Classes{sRules} (Pseudo-Classes)[:link:hover:active:visited