你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

先看UI稿 思考 刚开始想着拿两个圆角来拼，但发现中间接触过渡效果很差 需要丝滑的话，想到贝塞尔曲线/正弦曲线，但这样太麻烦，需要用canvas来画 图形计算器 贝塞尔曲线 最后想到用斜边加圆角来拼，

应用css的clip属性 加上一个path 可以弄出任意形状的元素，不在拘泥于方圆，但是其占位仍然是方的，加个阴影就现行了。 因此，要搞任意形状的边框，需要用到投影。

手动实现tabs-圆角及反圆角效果，用CSS代替UI切图实现。第一次发文；有一个jy想要，就分享一下！

梯形圆角tab/ 梯形tab/ chrome tab 的实现；要了老命了！！！！！！！！！！！！！！！！！

最近一直用Tailwind CSS 开发项目，目前觉得原子类写css的方式很不错，所有这些扩展都可以在此 VSCODE 扩展包中可用 TailwindCSS Kit

分页媒体 @page，和媒体查询一样，同属于 At Rules 大家庭中其中一员。它可以用来指定页面框的各个方面，例如其尺寸、方向和边距等 (不仅限于打印使用)。

哈喽大家好，好久没写组件库的文章了。之前搞完初版的组件库后搁置了一段时间，最近有资源投入，趁机会继续完善组件库建设，加个 BEM 规范！接下来有时间的话会完善组件库的单元测试，到时候还会再写一篇文章！

上篇文章已经搭建了一个调试的服务，现在重点需要处理下所有组件的样式。我们使用elementui引入样式的时候通常是引入一个index.css(目前先考虑全局引入的方式) import 'element