可以用代码重用的地方：
平时遇到的问题：
不同地方都用到相同的CSS样式的情况。如果相同的CSS样式只有一个CSS属性，此时只需要使用Sass变量实现就可以满足了。如果相同的CSS样式有多个CSS属性，这个时候我们就希望把“相同的CSS样式”当做整块来处理。
在Sass中，为我们提供了3种方式来处理 经常被个多个地方使用的相同的Css代码：
（1）继承“@extend”；
（2）占位符“%placeholder”；
（3）混合宏“@mixin”；
原文：https://www.cnblogs.com/hou-yuan-zhen/p/11634304.html