失效链接处理 |
前端2024最新面试题合集 PDF 下载
相关截图:
主要内容:
CSS 篇
1. 介绍⼀下 CSS 的盒⼦模型?
解答: CSS 盒⼦模型是 CSS 布局的基础,包括内容(content)、内边距(padding)、边框
(border)和外边距(margin)。每个 HTML 元素都可以看作⼀个盒⼦,这些盒⼦在⻚⾯上占
据⼀定的空间。
2. css 选择器优先级?
解答: CSS 选择器的优先级由选择器的类型决定,通常包括标签选择器、类选择器、ID 选择
器等。优先级从⾼到低依次为:内联样式 > ID 选择器 > 类选择器、伪类、属性选择器 > 标签
选择器、伪元素 > 通⽤选择器。优先级相同的选择器,后⾯的覆盖前⾯的。
3. 垂直居中⼏种⽅式?
解答: 常⻅的垂直居中⽅法有:
使⽤ Flexbox: display: flex; align-items: center; justify-content:
center;
使⽤ Grid: display: grid; place-items: center;
使⽤绝对定位:将元素绝对定位到其⽗元素的中⼼,然后使⽤负边距或 transform 属
性进⾏调整。
4. 简明说⼀下 CSS link 与 @import 的区别和⽤法?
解答:
<link> 标签⽤于在 HTML ⽂档中引⼊外部 CSS ⽂件,通常放在 <head> 部分。
@import 是 CSS 中的⼀个规则,⽤于在⼀个 CSS ⽂件中导⼊另⼀个 CSS ⽂件。它必
须在 CSS ⽂件的开头使⽤。
|