flex: 1 flex: auto flex: none flex: 0到底有什么区别？在什么时候使用？flex简写设置了项目如何增大或缩小以适应在容器中可用的空间。

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

不定高度元素实现展开收起动画，分别使用 css 与 js 实现，元素展开收起动画不在发愁，直接搞定。

我以为已经会了，之前在公司写项目基本都是用sass写样式，十分顺手。直到有段时间，我准备参考Element Plus来设计自己组件库的工程结构，看到了Element Plus那优雅的sass用法。

本文正在参加「金石计划 . 瓜分6万现金大奖」 移动端适配，在移动端里经常有遇到，在不同分辨率移动端设备精确还原UI设计稿，这是一个令人抓狂的问题，好在有flex，box布局解决了自适应很大一部分问题

选择一个合适的技术，可以让你的代码更简洁、更易于维护和更具扩展性。 目前市面上比较流行的两个布局系统：CSS弹性盒子布局和CSS网格布局。 两者目前都可以实现比较复杂的响应式布局，但使用哪一个呢？

本篇文章我们要来实现一个酷炫的霓虹灯特效的加载条loading bar的特效，涉及到linear-gradient、filter: blur()、-webkit-box-reflect和css动画

最近在项目中碰到一个这样的角标设计，如下 像这种可以文字可变化，自适应大小的布局，自然首选 CSS 了~下面看看如何实现的（两分钟读完） 一、圆角矩形和三角形 从设计上可以拆分成两部分，一个圆角矩形和

随着显示器的快速发展，越来越多的用户更换了高分屏，我们作为Web开发者，网站内的图片尺寸都是适配普通屏幕的，如果在高分屏上图片将会变得模糊不清。 我观察了几个网站，发现他们...