背景 最近在开发H5，ui稿给的border：1px solid,因为ui稿上的宽度是750px，我们运行的页面宽度是375px，所以我们需要把所以尺寸/2。所以我们可能会想写border：0.5px

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用错的经历。必须系统整理一下，今天我们就把这三个属性彻底搞清楚！ 可以看到，nbsp;和</br>可以正常发…

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维 我认为这极为麻烦，因为你甚

一个十年全栈就这样被z-index折磨了8个小时，z-index数值1030的组件竟然被z-index为3的组件遮挡了，真是神奇遇到了神奇！

让你完全掌握Flip动画的思想 Flip是一种动画思路，专门针对上述场景 它由四个单词组成，分别是： - First - Last - Invert - Play

CSS是描述HTML文档如何显示的，在显示的过程中，HTML元素的长宽、间距、字体大小等等，都需要通过长度尺寸单位来表示。我们常常会说：字体大小16像素， 间距10个像素。那么，1像素究竟有多少厘米？

为什么width为1200px的同一个元素，在电脑上和pad上的显示宽度会不同？为什么同样的页面，在mac上显示起来会比很多设备更为细腻？让我们一起来找到答案。

无论是在日常用电脑手机等电子设备，还是做设计、前端开发等工作都需要时刻和像素 / 分辨率打交道，比如在你电脑上运行的占满整个屏幕的项目演示到别人电脑上只显示出一半，别人告诉你说是因为你的电脑屏幕分辨率太大了，你一脸蒙蔽。又比如听别人告诉你说分辨率大小就是你的屏幕大小，你看者你手…

前不久，在网上看到这么一张非常有趣的图： 想必很多同学都看到这张图，是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。 其最终效果大致如下： 原完整代码在这里：Night && Day Tog