在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。 正文现在开始。 1. 建议使用 padding 代替 margin 我们在设计稿还原的时候，padding 和 margin 两个是常用的属性，但我们…

更新：感谢各位评论区大佬提醒，我发现关于 rem 布局思路的用法最初是由手淘团队的 flexible 方案引入的。本文大家随便看不看都行，真正有技术含量的内容一定请看：使用Flexible实现手淘H5页面的终端适配，再聊移动端页面的适配。 在移动端使用 rem 进行切图适配应该…

以前看过许多教学视频，大部分讲师都是讲个大概，然后就开始无厘头的灌输知识了。直到我后来看到一位优秀讲师的视频，他的讲课模式是第一堂课展示成果。这样下来，当我看到最终效果，我就有心思去不断学习这个东西了。 1. 简单的渐变动画 2. 稍复杂的关键帧动画 3. 结合transfor…

是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。 是一个相对长度单位，最初是指字母…

备注：1、设置flex-wrap：wrap，不然默认nowrap按照比例排满一行。 有不足之处，请评论留言... 谢谢