作为一名前端开发者，你有没有遇到过这种头痛的事情。每次开发pc端的网页时，不管是官网还是管理后台，UI设计师都是按照`1920*1080`（16:9）的比例来给你提供设计稿的，导致你画页面的时候

本文介绍了解决移动端1px边框问题的5种方法。当然了，在这之前先整理了与这些方法相关的知识：物理像素、设备独立像素、设备像素比和viewport。 物理像素、设备独立像素和设备像素比 在CSS中我们一

Offer 驾到，掘友接招！我正在参与2022春招打卡活动，点击查看活动详情。 思路 “水平垂直居中”，一个老生常谈的话题了，在面试中出现的频率也是非常高。其实很简单，不要想着一下子就实现水平垂直居中

有些人明明框架源码都能侃侃而谈，可是这些基础却支支吾吾说不明白，从而错过好的 offer 是真的很可惜

1.三栏布局 实现代码 效果图 2.圣杯布局 布局思路 首先设置三个浮动的盒子，代码如下： 效果图 分析原因：left和right盒子现在在main盒子的下方。3.双飞翼布局。

今天来看一些有趣且实用的 CSS 小技巧！ 1. 打字效果 代码实现： 实现效果： 2. 设置阴影 当使用透明图像时，可以使用 drop-shadow() 函数在图像上创建阴影，而不是使用 box s

在推特上面看到 T. Afif 介绍的十个 Loading 效果。 Yeah，很赞哦，挺实用的，遂记录下来。 希望对读者写代码有所启发～

过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果。比如在不同的伪元素之间切换，像是 :hover，:active 或者通过 JavaScript 实现的状态变化。

效果图 分析 一个带圆角的矩形 + 左右对称的不规则图形（一个小矩形分别去掉一个圆角），利用伪元素 ::before ::after 和 box-shadow 阴影实现。 代码结构 1. 顶部圆角实现