基本信息
文件名称:WEB前端开发工程师面试题.pdf
文件大小:155.59 KB
总页数:11 页
更新时间:2025-03-01
总字数:约8.56千字
文档摘要

》》》》》》历年考试真题《《《《《《

[HTMLCSS]

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

Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML或

XHTML规范。该标签可声明三种DTD类型,分别表示严格版本、过渡版本以及基于框架的HTML文档。

当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们创

建了两种呈现模式:标准模式和混杂模式(quirksmode)。在标准模式中,浏览器根据规范呈现页面;

在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(比如

MicrosoftIE4和NetscapeNavigator4)的行为以防止老站点无法工作。

浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形

式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML4.01文档,包含严格DTD的DOCTYPE常

常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过

渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文

档以混杂模式呈现。

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

行内元素有:abspanIbemimginputselectstrong

块级元素有:divulollidldtddh1h2h3h4…p

盒模型:marginborderpaddingwidth

3.CSS引入的方式有哪些?link和@import的区别是?

1.使用LINK标签

将样式规则写在.css的样式文件中,再以link标签引入。

linkrelstylesheettypetext/csshrefexample.css

》》》》》》历年考试真题《《《《《《

2.使用@import引入

跟link方法很像,但必须放在STYLE.../STYLE中

STYLETYPEtext/css

!--

@importurl(css/example.css);

--

/STYLE

3.使用STYLE标签

将样式规则写在STYLE.../STYLE标签之中。

STYLETYPEtext/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标记引入样式

spanstylefont: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}

E[attrvalue]{sRules}

E[attr~va