web前端面试题及答案.doc

web前端面试题及答案 web前端面试题及答案 PAGE / NUMPAGES web前端面试题及答案 1.WEB 标准以及 W3C 标准是什么 标签闭合、标签小写、不乱嵌套、使用外链  css和  js、结构行为表现的分别。 中  img  怎么水平和垂直居中 Div{width:200px;  height:200px;text-align:center;  font-size:0;  overflow: hidden;line-height:200px; _line-height:178px;/*  兼容  IE6*/ } Img{ vertical-align:middle;} HTML 中没有单位的属性是 z-index:1; zoom:1; font-weight:200; form 表单中 input 标签的 readonly 和 disabled 属性有何差别 readonly=“ readonly ”是只读，不能够够更正， disabled=“ disabled”是禁用，整个文本框是显示灰色状态 form 中 method 是数据传达的方式， action 是与后台数据库提交的 2.xhtml 和 html 有什么差别 XHTML 元素必定被正确地嵌套，闭合，区分大小写，文档必定拥有根元素。 3.行内元素有哪些块级元素有哪些 行内元素 : a b img em br i span input select 块级元素： div p h1-h6 form ul dl ol table 4.行内元素和块级元素有什么差别 行内元素不能够够设置宽高，不独占一行 ; 块级元素能够设置宽高，独占一行。 5.我想让行内元素跟上面的元素距离 10px，加 margin-top 和 padding-top 能够吗 margin-top,padding-top 无效 的盒模型由什么组成 内容（ width,height ）， border ,margin ， padding 简述 div+css 布局的优势 1）吻合 w3c 标准；（ 2）兼容性好；（ 3）有利于找寻引擎很友好；（ 4）样式的调整更加方便；（ 5） css简洁的代码，能使样式和结构分别； 7.说说 display 属性有哪些能够做什么 display:block 行内元素变换为块级元素 display:inline 块级元素变换为行内元素 display:inline-block 转为内联元素 display:box(css3 新增的弹性布局属性 ) 选择符有哪些 选择器（ # myid ） 2.类选择器（ .myclassname） 3.标签选择器（ div, h1, p） 4.相邻选择器（ h1 + p） 5.子选择器（ ul li） 6.后代选择器（ li a） 7.通配符选择器（ * ） 8.属性选择器（ a[rel = external] ） 9.伪类选择器（ a: hover, li: nth - child ） 9.哪些 css 属性能够继承 可继承： font-size font-family color, ul li dl dd dt; （字体属性和列表属性） 不能继承 ： border padding margin width height ; 优先级算法如何计算 !important id class 标签 !important 比 内联优先级高 * 优先级就近原则，样式定义近来者为准 ; 以最后载入的样式为准 ; :center 和 line-height 有什么差别 text-align 是水平对齐， line-height 是行间。 12.前端页面由哪三层组成，分别是什么作用是什么 结构层 Html( 页面结构内容，骨架 ) 表示层 CSS（网页的样式和外观） 行为层 js（实现网页的交互，动画收效） 13.标签上 title 与 alt 属性的差别是什么 Alt 是图片属性，让找寻引擎认识你的图片。当图片不显示的时候显示。 title 是网站标题，是 seo 中最重要的属性。 14.使用 css 精灵有什么优缺点 优： Css 精灵 把一堆小的图片整合到一张大的图片上，减少 HTTP 的央求数量（ HTTP 连接数对网站的加载性能有重要影响 ）。能够提升网站性能 缺：可保护性方面，如要改变局部一张小图，就要很繁琐，而且算图片的地址也很麻烦； 15.什么是语义化的 HTML 标签使用的合理性，对于找寻引擎的抓取有好处。 标签和 strong 标签 ,i 标签和 em 标签的差别 后者有语义，前者则无。 与 h1 的差别。 title 重视于网站信息标题 从文章而言， h1 重视于文章主题