web前端面试题全套.doc

什么是响应式网页?通过CSS3MediaQuery实现响应式Web设计响应式Web设计(ResponsiveWebdesign)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSSmediaquery的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。Doctype?严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。标准模式和混杂模式(quirksmode)。在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(scapeNavigator4)的行为以防止老站点无法工作。在IE6出现时,在标准模式中使用的是正确的盒模型,在混杂模式中使用的则是老式的专有盒模型。为了维持对IE5和更低版本的向后兼容性,Opera7和更高版本也在混杂模式中使用有缺点的IE盒模型。前端页面有哪三层构成,分别是什么?作用是什么?网页的结构层(structurallayer)由HTML或XHTML之类的标记语言负责创建。标签,也就是那些出现在尖括号里的单词,对网页内容的语义含义做出了描述,但这些标签不包含任何关于如何显示有关内容的信息。例如,P标签表达了这样一种语义:“这是一个文本段。”网页的表示层(presentationlayer)由CSS负责创建。CSS对“如何显示有关内容”的问题做出了回答。网页的行为层(behaviorlayer)负责回答“内容应该如何对事件做出反应”这一问题。这是Javascript语言和DOM主宰的领域。使用(X)HTML去搭建文档的结构。使用CSS去设置文档的呈现效果。使用DOM脚本去实现文档的行为如何居中一个浮动元素?方法一:让最外面的层相对定位,left等于50%,然后内部嵌套层也使用相对定位且left设为-50%,这样的效果就是内层相对整行为水平居中;方法二:使用display:table;方法三:直接使用table布局(使用太多table容易让结构看起来比较混乱,其实页面中使用少量的table,只要不要嵌套使用,还是可以实现使用少量CSS,达到最好的效果的),这种方法这里就不举例演示了。如何让ie6,7,8,兼容html5的标签?我一直使用公司里的提供的jqside插件,里面就是把html5的标签放到字符串,用字符串的split的方法变为数组,用while的方法,变量减减,用dom的createElement方法进行再ie678里创建标签。if($.isIE678){Varhtml5="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=;while(i--)(html5[i]);}在Css中那个属性会影响dom读取文档流的顺序?Float行内元素有哪些?块级元素有哪些?CSS的盒模型?Css的盒模型:从外到里,margin,border,padding,content。块元素在页面里,占一行,可以设定宽和高,可以容纳块元素和行内元素。常见的块元素有div,p,h1-h6,ul等。行内元素没有宽和高的属性但可以与其他元素同一行,一般不可以包含块元素,行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。常见的行内元素有a,b,span,strong,em等。CSS引入的方式有哪些?link和***@import的区别是?内联引用CSS。可灵巧应用样式於各标签中。方便于编写代码时的使用。没有整篇文件的“统一性”,在需要修改某样式的时候也变的比较困难。内部引用CSS将样式规则写在<STYLE>...</STYLE>标签之中。,再以<link>标签引入。这样引入该css样式表文件以后,就可以直接套用该样式档案中所制定的样式了。外部引用***@import引用CSS跟link方法很像,但必须放在<STYLE>..</STYLE>中:<STYLETYPE