2025年最新前端面试题及答案汇总html资料 .pdfVIP

古之立大事者，不惟有超世之才，亦必有坚忍不拔之志。——苏轼

精品文档

2025前端面试题及答案汇总HTML/CSS部分

1、什么是盒子模型？

在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），

元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。

这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区

域或区域。4个部分一起构成了css中元素的盒模型。

2、行内元素有哪些？块级元素有哪些？空(void)元素有那些？

行内元素：a、b、span、img、input、strong、select、label、em、button、textar

ea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

3、CSS实现垂直水平居中

一道经典的问题，实现方法有很多种，以下是其中一种实现：

HTML结构：

divclass=wrapper

divclass=content/div

/div

CSS：

.wrapper{position:relative;}

.content{

background-color:#6699FF;

width:200px;

精品文档

博学之，审问之，慎思之，明辨之，笃行之。——《礼记》

height:200px;

position:absolute;//

top:50%;