像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 * 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率…

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

让一个元素水平居中很简单：如果是内联元素，可以在父元素上设置text-align: center；如果是一个块元素，可以使用margin: auto。 而垂直居中就复杂得多。 有如下样式： 原理是先以元素左上角的点作为参考，将其居中到屏幕中心，在用负的margin让元素便宜自身…

要了解内联元素，就不得不提到字母x，正是有了x，内联元素才确定了自己的基线（baseline），有了baseline之后，才有了line-height和vertical-align。因此在学习后面的内容之前，必须要了解一个概念： 既然x那么重要，因此CSS还给了它一个特殊的称呼…

作为了一个前端 帅小伙/靓姑娘，开发的时候总是会和 HTML 标签打交道。一来二往的就熟悉的开始使用 div + css 的布局了，今天介绍一篇很早以前就出现，但是没有太多人（我认识的人使用的不是很多）使用的HTML的其它标签，赶快来认识它们吧。 HTML <pre> 元素表示…

虽然vue/react帮我们实现了操作数据映射到dom操作, 但是还是有很多不得不用DOM API的场景, 下面我就给大家列出一些UI库中经常出现的DOM API(写业务代码也可事半功倍). 注: 本文是系列文章会持续更新, 大家可收藏保持关注. 也可关注我github上的笔记…

这些个知识点是我个人认为的，下面我们就来看看这些个知识点。 position 的常见四个属性值: relative，absolute，fixed，static。一般都要配合"left"、"top"、"right" 以及 "bottom" 属性使用。 static:默认位置。 在…

带你深入理解 CSS 属性 z-index 的使用技巧，让你设置的 z-index 不再失效。

CSS设置居中的方案总结，主要是垂直居中的梳理。最后改于2021年2月4日，根据目前常用的方案进行了调整。