CSS


# CSS 基础

CSS 选择器及其优先级

CSS 中可继承与不可继承的属性

display 的属性值及其作用

隐藏元素的方法

link 和 @import 的区别

transition 和 animation 的区别

伪元素和伪类的区别和作用

对 requestAnimationframe 的理解

对盒模型的理解

为什么有时候用 translate 来改变位置而不是定位

li 与 li 之间看不见的空白间隔 || display:inline-block 什么时候会显示间隙

CSS3 中的新特性

替换元素的概念及计算规则

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

CSSSprites(CSS 精灵)

物理像素、逻辑像素和像素密度,移动开发的@3X、@2X 图片

margin 和 padding 的使用场景

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

CSS 优化和提高性能的方法

CSS 预处理器和后处理器

Sass、Less、Stylus

媒体查询

3 对 CSS 工程化的理解

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

文本溢出隐藏

# 页面布局

2 常见的 CSS 布局单位

2 px、em、rem 的区别及其使用场景

1 两栏布局的实现

1 三栏布局的实现

1 水平垂直居中的实现

3 如何根据设计稿进行移动端适配

1 对 Flex 布局的理解及其使用场景

3 响应式设置的概念及其基本原理

# 定位与浮动

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

3 使用 clear 属性清除浮动的原理?

1 对 BFC 的理解,如何创建 BFC

2 什么是 margin 重叠问题?如何解决?

4 元素的层叠顺序

1 position 的属性有哪些,区别是什么

2 display、float、position 的关系

3 absolute 与 fixed 共同点与不同点

4 对 sticky 定位的理解

# 场景应用

1 实现一个三角形

2 实现一个扇形

3 实现一个宽高自适应的正方形

2 画一个 0.5px 的线

2 设置小于 12px 的字体

1 如何解决 1px 问题

上次编辑于: 2025年7月10日 04:01
贡献者: HugStars