前端面试题目笔记-3

21.写出下列CSS命令的最简写法{margin-left:20px; margin-bottom:50px; margin-right: 20px; margin-top:20px;}

             答:margin: 20px 20px 50px;
 
22.我们用hack调兼容时,用到如下命令 div{height:300px;*height:400px; _height:500px;},在ie6里div显示高度是多少,火狐里显示高度是多少?
            答:ie6:400px, 火狐:300px;
 
23.三层嵌套用在什么地⽅最合适,有什么优点。
            答:有圆角边框不固定宽度同时兼容ie的时候;
 
24.背景图合并用在什么地方最适合,有什么优点。
            答: 通常当遇到一个网站要加载大量icon(小图标)的时候,我们会把它合并成sprite(图片拼接)。目的是为 了减少HTTP请求次数。这样做既能减少页面加载时间,又可以减轻服务器的负载
 
25.页面如何在浏览器里达到居中,并且左右自适应?
            答:margin: 0 auto;
 
26.HTML5版本类型声明怎么写。有什么用? 
           答:<!DOCTYPE html>
 
27.XHTML1.0版本你知道么,跟html5版本有什么区别
            答: XHTML 1.0 是 XML 风格的 HTML 4.01。 XHTML 1.1 主要是初步进行了模块化。 HTML5 是下一代 HTML,取代 HTML 4.01。 W3C 原本确实计划用XHTML 系列替代 HTML 4.01,但 XHTML 系列实际上只活到了 1.1(1.1 和夭折的 1.2 已经体现出过分 XML 的迹象,而W3C 的理想其实在疯狂的 XHTML 2身上,当然,它没能诞生),还没 脱离 HTML 4.01 的阴影就死了。 还没等 XHTML 兴起,它的地位就被 HTML5 取代了。
 
28.书写ol,ul,table的嵌套规范
                 详细笔记:HTML5的元素嵌套规则
 
29.前端页面有哪三层构成,分别是什么?作用是什么?
            答: 分成:结构层、表示层、行为层。
            结构层由 HTML 或 XHTML之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对于页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息。例如,P标签表达了这 样一种语义:“这是一个文本段。” 表示层由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。 行为层负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。
 
30.img的alt和title有什么区别?
            答: alt 是图片加载失败时,显示在页面上的替代文字; title 是鼠标放上面时显示的文字



原文地址:https://www.cnblogs.com/ChenChunChang/p/6679673.html