首页 > 代码库 > web前端工程师面试题

web前端工程师面试题

[HTML && CSS]--来自百度文库 

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

Doctype

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

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

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

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

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

Netscape Navigator 4)的行为以防止老站点无法工作。浏览器根据DOCTYPE是否存在以及使用的哪种DTD

来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于

HTML 4.01文档,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE

也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确

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

2. 行内元素有哪些?块级元素有哪些?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 

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

1. 使用LINK标签

将样式规则写在

.css的样式文件中,再以<link>标签引入。

<link rel=stylesheet type="text/css" href="http://www.mamicode.com/example.css"> 

2. 使用@import引入跟link方法很像,但必须放在<STYLE>...</STYLE> 中

<STYLE TYPE="text/css"> 

<!-- @import url(css/example.css); --> 

</STYLE> 

3. 使用STYLE标签将样式规则写在<STYLE>...</STYLE>标签之中。

<STYLE TYPE="text/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>标记引入样式

<span style="font:12px/20px #000000;">cnwebshow.com</span>