Css Sprite:矩形图

1. 矩形图

这也是最常见的一种形式,顾名思义,整张大图是一个长方或正方形的:

rect


这种图片的好处就是一目了然,一打开便可以看到排列整齐的图标,然后找到你想要的图标来进行定位:

编程之家


但是这种矩形图在做动画的时候却不太方便,所以又引申出了另一种图形:条形图。

2. 正方形图

大家可能觉得矩形不就是长方形嘛,那正方形呢?

矩形是至少有三个内角都是直角的四边形。矩形是一种特殊的平行四边形,正方形是特殊的矩形。矩形也叫长方形。

这是矩形的定义,也就是说四个角都是直角的四边形就可以叫做矩形,矩形也包括了正方形。

3. 小结

这一小节带领大家复习了一下初中数学知识。

怎么样,你是否还记得初中数学老师讲过的矩形的定义吗?

那么接下来的小节我们将带领大家了解一下条形图。