CodePencil

在日常开发中，经常会遇到水平垂直居中的布局，虽然现在基本上都用 Flex 可以轻松实现，但是在某些无法使用 Flex 的情况下，又应该如何让元素水平垂直居中呢？这也是一道面试的必考题，所以打算写

在平常开发的时候，有时候会遇到使用 z-index 调整元素层级没有效果的情况，究其原因还是因为对层叠上下文不太了解，看了网上很多前辈的文章，决定打算写一篇文章来梳理一下，如果哪里写的有问题欢迎

Flex 布局是我们平常开发页面中用的最多的布局，而其中最常见的写法 flex: 1，常用于让元素 自动填满剩余空间。但在实际使用中可能会遇到下面这些问题： 明明写了 flex: 1，元素却没有

作为一名前端开发，在日常开发中，写页面是必不可少的工作，但有时候发现很多的页面结构都是类似的，所以打算写一篇文章来梳理一下日常开发中常见的布局，如果哪里写的有问题欢迎指出。

CSS 自定义属性是现代 CSS 的一个强大特性，可以说是前端开发需知、必会的知识点，本篇文章就来好好梳理一下，如果哪里写的有问题欢迎指出。 什么是 CSS 自定义属性 CSS 自定义属性英文全

上一篇文章我们讲了什么是响应式设计以及响应式设计一些相关的概念，并分别用三种方案实现了一个拥有响应式设计的网页。今天这篇文章我将着重讲移动端适配、资源（如图片、字体）适配。 什么是移动端适配 移

作为一名前端开发，响应式设计可以说是一定要会的，毕竟前端的一大工作内容就是去兼容页面在不同浏览器、不同设备中能够正常工作。但是这块知识点我认为相比于其它知识点是很有难度，因为涉及前端布局的历史发

我们都知道在 CSS 中有很多的单位，但在我平常开发中用的最多的却只有 px 和 %，其它的没怎么用到过。 想了一下没用到的原因可能是业务需求对响应式要求不高，或者是对其它单位不够熟悉，所以打算

在上一篇文章中，如何避免外边距重叠的部分有提到，给容器元素添加 overflow: auto（或者非 visible 的值），可以避免与内部子元素产生嵌套外边距重叠，出现这个效果的原因是因为 B