2021年WEB前端开发工程师面试题.doc

文档介绍：[HTML && CSS]
Doctype? 严格模式和混杂模式-怎样触发这两种模式，区分它们有何意义?
Doctype申明在文档中最前面位置，处于标签之前。此标签可通知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可申明三种DTD 类型，分别表示严格版本、过渡版本和基于框架 HTML 文档。
当浏览器厂商开始创建和标准兼容浏览器时，她们期望确保向后兼容性。为了实现这一点，她们创建了两种展现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器依据规范展现页面；在混杂模式中，页面以一个比较宽松向后兼容方法显示。混杂模式通常模拟传统浏览器（比如Microsoft IE 4和Netscape Navigator 4）行为以预防老站点无法工作。
浏览器依据DOCTYPE是否存在和使用哪种DTD来选择要使用展现方法。假如XHTML文档包含形式完整DOCTYPE，那么它通常以标准模式展现。对于HTML ，包含严格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标签
，再以<link>标签引入。
<link rel=stylesheet type="text/css" href="">
使用***@import引入
跟link方法很像，但必需放在<STYLE>...</STYLE> 中
<STYLE TYPE="text/css">
<!--
　　***@import url(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