为什么要专门写一篇关于浏览器滚动条的文章呢？毕竟定制滚动条属于小众需求。事情源于一次产品上线之后，用户反馈滚动条也太丑了，设计让前端帮忙改一下。

你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

最近翻 `MDN` 突然发现一套叫 `Web Animations API` 的东东，点进去看才知道，原来是一套控制 `css animation` 的 `API`，而且已经有段时间了 🤦‍♂️

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

为什么不建议使用行内样式？ 使用行内样式的缺点 样式不能复用。 样式权重太高，样式不好覆盖。 表现层与结构层没有分离。 不能进行缓存，影响加载效率。 什么不建议使用导入样式？ 使用导入样式的缺点 导入

这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题： 吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。 吸顶和滚动导航的…

很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

在前端开发之前，设计师都会为前端开发者提供视觉稿/设计稿。 一. 分辨率 ..... PPI: Pixels Per Inch(像素每英寸),该值越高，则屏幕越细腻。 PPI数值越高，代表显示屏能够以越高的密度显示图像，画面的细节就会越丰富。 DPI: Dots Per Inc…