1 / 3
文档名称:

Web前端面试题.docx

格式:docx   页数:3页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

Web前端面试题.docx

上传人:lu44yuwdd 2015/3/23 文件大小:0 KB

下载得到文件列表

Web前端面试题.docx

文档介绍

文档介绍:[HTML&& CSS]
1.      Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
Doctype声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。该标签可声明三种DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档。
当浏览器厂商开始创建与标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们创建了两种呈现模式:标准模式和混杂模式(quirks mode)。在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(比如Microsoft IE scape Navigator 4)的行为以防止老站点无法工作。
浏览器根据DOCTYPE是否存在以及使用的哪种DTD来选择要使用的呈现方法。如果XHTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现。对于HTML ,包含严格DTD的DOCTYPE常常导致页面以标准模式呈现。包含过渡DTD和URI的DOCTYPE也导致页面以标准模式呈现,但是有过渡DTD而没有URI会导致页面以混杂模式呈现。DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现。
2.      行内元素有哪些?块级元素有哪些?
行内元素有:a b span I bem img input select strong
块级元素有:div ul ol lidl dt dd h1 h2 h3 h4…p
3. 画出CSS的盒模型?
盒模型:margin borderpadding width
4.      CSS引入的方式有哪些? link和***@import的区别是?
1.        使用 LINK标签
,再以<link>标签引入。
<link rel=stylesheet type="text/css" href="">
2.        使用***@import引入
跟link方法很像,但必须放在<STYLE>...</STYLE> 中
<STYLE TYPE="text/css">
<!--
***@import url(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;"></span>
 
两者区别:加载