前言 今天中秋放假，闲着无聊就翻了一下目前chrome收藏的网站，发现收藏了许多 css 网站。于是就把那些css网站整理出来写成一篇笔记，方便以后自己查找。 cubic-bezier 可视化调整贝塞

需求：如图所示：在我们需求开发的过程中，需要文本两端对齐的场景：关键代码：.less文件：.wxml文件:

CSS 弹性盒布局, 子容器(项目容器), flex-grow 放大比例, flex-shrink 收缩比例, flex-basis 初始值, order 排序, align-self 单个对齐方式

CSS 弹性盒布局, display: flex, flex-direction主轴, flex-wrap换行, gap间隔(column-gap row-gap)和不同类型的对齐方式

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

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