web前端面试题及答案.pdf

1.WEB 标准以及W3C 标准是什么？ 标签闭合、标签小写、不乱嵌套、使用外链css 和js 、结构行为表现的分离. 1。1div 中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; ｝ 1.2 HTML 中没有单位的属性是？ z—index:1; zoom:1; font—weight ：200 ； 1.3 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 无效 6 。CSS 的盒模型由什么组成？ 内容（width,height ），border ,margin,padding 6.1 简述div+css 布局的优势？ (1 ）符合w3c 标准；（2 ）兼容性好；（3 ）有利于有哪些信誉好的足球投注网站引擎很友好;(4)样式的调整更加方便;(5） css 简洁的代码，能使样式和结构分离； 7 。说说display 属性有哪些?可以做什么？ display：block 行内元素转换为块级元素 display:inline 块级元素转换为行内元素 display:inline—block 转为内联元素 display：box （css3 新增的弹性布局属性) 8.CSS 选择符有哪些？ 1。id 选择器（ # 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 ; 10。css优先级算法如何计算？ !important id 〉 class 〉 标签 !important 比 内联优先级高 * 优先级就近原则，样式定义最近者为准; * 以最后载入的样式为准; 11。text-align：cente 和line—height有什么区别？ text—align 是水平对齐,line-height 是行间. 12。前端页面由哪三层构成，分别是什么？作用是什么？ 结构层 Html(页面结构内容，骨架）表示层 CSS （网页的样式和外观）行为层 js （实 现网页的交互，动画效果） 13。标签上title与alt属性的区别是什么？ Alt 是图片属性，让有哪些信誉好的足球投注网站引擎认识你的图片。当图片不显示的时候显示。 title 是网站标题，是seo 中最重要的属性. 14。使用css 精灵有什么优缺点？ 优： Css 精灵 把一堆小的图片整合到一张大的图片上,减轻 HTTP 的请求数量（HTTP 连接数对网站的加载性能有