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

[HTMLCSS]

1.Doctype?严格模式与混杂模式-如何触发这两种模式，区分它们有何

意义？

Doctype声明位于文档中的前面的位置，处于标签之前。此标签可

告知阅读器文档运用哪种HTML或XHTML规范。该标签可声明三

种DTD类型，分别表示严格版本、过渡版本以与基于框架的HTML

文档。

当阅读器厂商起先创建与标准兼容的阅读器时，他们希望确保向后兼容

性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式

(quirksmode)o在标准模式中，阅读器依据规范呈现页面；在混杂

模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模

拟老式阅读器(比如MicrosoftIE4和NetscapeNavigator4)的行

为以防止老站点无法工作。

阅读器依据DOTYPE是否存在以与运用的哪种DTD来选择要运用

的呈现方法。假如XHTML文档包含形式完整的DOTYPE,那么它

一般以标准模式呈现。对于HTML4.01文档，包含严格DTD的

DOTYPE经常导致页面以标准模式呈现。包含过渡DTD和URI的

DOTYPE也导致页面以标准模式呈现，但是有过渡DTD而没有URI

会导致页面以混杂模式呈现。DOTYPE不存在或形式不正确会导致

HTML和XHTML文档以混杂模式呈现。

2.行内元素有哪些？块级元素有哪些？CSS的盒模型？

行内元素有：abspanIbemimginputselectstrong

块级元素有：divulollidldtddh1h2h3h4-p

盒模型：marginborderpaddingwidth

3.SS引入的方式有哪些？link和@import的区分是？

1.运用LINK标签

将样式规则写在.SS的样式文件中，再以vlink标签引入。

linkrel=stylesheettype=text/csshref=example.css

2.运用@import引入

跟link方法很像，但必需放在STYLE...v/STYLE中

STYLETYPE=text/css

!-

©importurl(css/example.css);

—

/STYLE

3运用STYLE标签

将样式规则写在〈STYLEA…v/STYLE标签之中。

STYLETYPE=text/css

!-

body{color:#666;background:#fOfOfO;font-size:12px;}

td,p{color:#cOO;font-size:12px;}

—

/STYLE

4.运用STYLE属性

将STYLE属性干脆加在个别的元件标签里，〈元件标（签）STYLE=性质

属（性）1：设定值1；性质属（性）2:设定值2;…}

5.运用vspanv/span标记弓|入样式

spanstyle=font:12px/20px000000;cnwebshow

/span

两者区分：加载依次的差别。当一个页面被加载的时候，link弓|用的CSS

会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加

载。@import可以在css中再次引入其他样式表，比如可以创建一个主

样式表，在主样式表中再引入其他的样式表，如：

main.css

@import“subLess”;

@i