CSS3 分类

「实现居中」也是一道必考题
参考代码：

<style>
	.wp {
		border: 1px solid red;
		width: 300px;
		height: 300px;
	}

	.box {
		background: green;
	}

	.box.fixed-size {
		width: 100px;
		height: 100px;
	}
</style>
<body>
	<div class="wp">
		<div class="box fixed-size">text</div>
	</div>
</body>

2024年8月13日大约 2 分钟...

BFC 背后的布局问题

BFC 是前端面试中的一个超级热点，今日头条某部门曾经就问过：
- 请解释一下回答这个问题并不困难，但是可以继续追问：

2024年8月13日大约 5 分钟...

CSS Modules 理论和实战

面试官除了对 CSS 的考察除了基础布局和经验以外，还非常喜欢问 CSS 工程相关的题目，比如：

2024年8月12日大约 4 分钟...

CSS 变量和主题切换优雅实现

相关信息

CSS 变量或者 CSS 自定义属性一直以来是一个值得关注的方向
没必要去「叫嚣」 CSS - HTML 是否图灵完备，但是 CSS 变量时代确实已经到来

2024年8月12日大约 2 分钟...

响应式布局和 Bootstrap 的实现分析

响应式这个概念曾经非常流行，但从发展来看，似乎「响应式」布局不再是一个必不可少的话题
究其原因主要有以下几点：
- 公司研发人力越来越充足，PC 端、移动端可以实现两套布局，分项目维护
- 响应式布局适配越来越简单
但是响应式布局仍然有其存在的：
- 移动端碎片化的现象将会无限期存在
- 前端也必然进入物联网，任何设备界面的响应布局将会成为关键挑战
- 除此之外，响应式布局也体现了 CSS 的灵活和发展

2024年8月12日大约 13 分钟...