2025 前端面试题及答案汇总 HTML/CSS 部分1、什么是盒子模型
在 网 页 中 ， 一 个 元 素 占 有 空 间 的 大 小 由 几 个 部 分 构 成 ， 其 中 包 括 元 素 的 内 容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分
这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域
4 个部分一起构成了 css 中元素的盒模型
2、行内元素有哪些
块级元素有哪些
空(void)元素有那些
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素：即系没有内容的 HTML 元素，例如：br、meta、hr、link、input、img 3、CSS 实现垂直水平居中一道经典的问题，实现方法有很多种，以下是其中一种实现：HTML 结构： CSS：
wrapper{position:relative;}
content{background-color:#6699FF;width:200px;height:200px;position: absolute; //父元素需要相对定位top: 50%;left: 50%;margin-top:-100px ; //二分之一的 height，widthmargin-left: -100px;} 4、简述一下 src 与 href 的区别href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接
src 是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求 src资源时会将其指向的资源下载并应用到文
