跳到主要内容
柏拉文
随笔
文章
知识
技术
项目
面试
博客
中文(中国)
中文(中国)
Interview
Css
本页总览
Css
2024年03月05日
柏拉文
越努力,越幸运
上一页
Git
下一页
Vite
一、布局
1.1 布局单位
1.2 九宫格布局
1.3 垂直居中布局
1.4 定宽、自适应布局
二、动画
2.1 动画的实现方式
2.2 JS 动画 与 Css3 动画的差异性?
2.3 transition 与 animation 的区别?
三、属性
3.1 CSS 盒模型
3.2 对媒体查询的理解?
3.3 Css3 新增的特性?
3.4 定位的属性值有何区别?
3.5 元素消失的方式有哪些?
3.6 Css 继承属性有哪些呢?
3.7 z-index属性在什么情况下会失效?
3.8 display、float、position的关系
3.9 Flex 属性中 flex-grow 应用问题?
3.10 什么是margin重叠问题?如何解决?
3.11 为什么需要清除浮动?清除浮动的方式
3.12 为什么有时候⽤ translate 来改变位置⽽不是定位?
3.13 vertical-align 什么情况下不会绝对居中?如何解决?
3.14 display 的 block、inline 和 inline-block 的区别
3.15 父元素相对定位,那绝对定位下的子元素宽高若设为百分比,是相对谁而言的?
3.16 background-image 是怎么加载图片的? 与 img 标签相比, 哪种方式先加载? 哪种方式性能更好?
四、渲染
4.1 BFC 及其应用?
4.2 overflow 原理?
4.3 元素的层叠规则?
4.4 元素的层叠顺序?
4.5 如何画一个矩形
4.6 如何画一个扇形
4.7 如何画一个三角形
4.8 如何画一个正方形
4.9 画一条 0.5px 的线
4.10 单行、多行文本溢出隐藏
4.11
Retina
屏下 1px 的解决方案?
4.12 如何让 Chrome 支持小于 12px 的文字?
4.13 什么是幽灵空白节点? 如何消除“幽灵空白节点”的影响?
4.14 两个 display: inline-block 元素放到一起会产生一段空白间隙,解决方法?
五、优化
5.1 Css 提高性能的方法有哪些?
六、选择器
6.1 选择器及其优先级
6.2 伪元素和伪类的区别和作用?
七、工程化
7.1 对 CSS 工程化的理解
八、样式表来源
8.1 link 和 @import 的区别
九、预处理器/后处 理器
9.1 CSS预处理器/后处理器是什么?为什么要使用它们?
参考资料