Henry-Diasa / awesome_interview_question

总结前端面试题,更贴近于实战,而非背诵的八股文。
11 stars 0 forks source link

【CSS】相关面试题 #500

Open Henry-Diasa opened 6 months ago

Henry-Diasa commented 6 months ago

CSS基础

CSS选择器及其优先级

image

CSS中可继承与不可继承属性有哪些

image image

display的属性值及其作用

image

隐藏元素的方法

image

link和@import的区别

image

display: none 与 visibility: hidden的区别

image

对盒模型的理解

image

CSS3中新增特性

image

常见的图片格式及使用场景

image

CSS Sprites的理解

image

CSS预处理器/后处理器是什么?

image

单行、多行文本溢出隐藏

image 不过一般多行可能通过js来实现

line-height的理解及其赋值方式

image

对媒体查询的理解

image

如何判断元素到达可视区域

image

z-index什么情况下失效

image

页面布局

常见CSS布局单位

image

两栏布局

image

三栏布局

image

水平垂直居中

image

flex布局的理解和使用场景

image

定位和浮动

为什么要清除浮动?清除浮动的方式

image

BFC的理解,如何创建BFC

image

margin重叠问题

image

场景应用

实现三角形

image

实现扇形

image

自适应的正方形

image

0.5px的线

image

1px的问题

image image