web前端面试题及答案.docx

. . 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. 我想让行元素跟上面的元素距离 margin-top,padding-top 无效 10px，加 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 ） 1 / 8 . . 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:center 和 line-height 有什么区别？ text-align 是水平对齐， line-height 是行间。 12. 前端页面由哪三层