2025年web前端面试题及答案

web 前端面试题及答案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 table4.行内元素和块级元素有什么区别？ 行内元素不可以设置宽高，不独占一行; 块级元素可以设置宽高，独占一行。5.我想让行内元素跟上面的元素距离 10px，加 margin-top 和 padding-top 可以吗？ margin-top,padding-top 无效6.CSS 的盒模型由什么构成？ 内容（width,height），border ,margin，padding6.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 优先...