如图所示，紫div和蓝div的滚动速度是不同的，比如用户滚动了300px，但蓝div按1:2,只滚动了150px，而紫色div按1:1，滚动了300px。 是不是比起普通网站多了一层酷炫？想知道如何实现吗？接下来我们进入part2。 1.建立一个容器元素，设置 overflow…

20 个常用的 CSS 技巧

「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 在我看来，最好的网站和Web应用程序对它们具有切实的"真实"质量。实现这种质量涉及很多因素，但阴影是一个关键因素。 然而

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

写 CSS 的同学们往往会体会到，随着项目规模的增加，项目中的 CSS 代码也会越来越多，如果没有及时对 CSS 代码进行维护，CSS 代码不断会越来越多。CSS 代码交错复杂，像一张庞大的蜘蛛网分布在网站的各个位置，你不知道修改这行代码会有什么影响，所以如果有修改或增加新功能时，开发人员往往不敢去删除旧的冗余的代码，而保险地增加新代码，最终的坏处就是项目中的 CSS 会越来越多，最终陷入无底洞。

坊间传闻CSS优化空间小的说法，对性能影响不大，当然对于这种说法，作为一个进击的前端er是持怀疑态度的。毕竟前端技术水太深，还是在自己能力范围内踏踏实实一步一脚印滴把事情做到极致才是对这份赖以生存的职业最大的尊重。所以本着实事求是的原则，既然有更好的实现方式，又为什么不去fol…

CSS对项目稳定性建设如何做，你可知道？有思路，有引导，有demo,有拓展，有深度，可渐进式应用于实际项目

为了保证的可读性，本文采用意译而非直译。 CSS 必须通过一个相对复杂的管道，就像 HTML 和 JavaScript一样，浏览器必须从服务器下载文件，然后进行解析并将其应用于DOM。由于优化程度极高，这个过程通常非常快——对于不基于框架的小型 web 项目，CSS通常只占总资…

网站性能很大程度上会影响一个用户的留存，通常来说，一个性能很好、加载速度快的网站能够留住更多的用户。如果一个网站加载时长超过5s甚至更长时间，那么用户很可能会直接推出网站