前端笔试题阿里篇 之一-- css，js打造rating打分效果

   在平常的淘宝收到货物之后，可以给货物的服务态度，物流态度打分，这道题目就是要求采用css，div实现这样的效果。原题目如下：

    通过 HTML 和 CSS 实现 Rating 效果，请写出 2.0 和 3.5 的实现代码，要求样式可以实现 0.0、0.5、1.0、…、5.0 的所有形态，并通过一句话描述其用法，我自己加入了一个效果，就是点击某颗星之后，移开鼠标，该分数依旧显示。

该题考查的知识点主要有以下几个：

1.对 z-Index属性的掌握，当采用绝对定位方式时，可以i将元素以叠加的方式放置在其他元素之上。在这个rating效果中，采用了不同的3个index值。

2.对行内元素如何定位的掌握。

3.元素宽度变化带来的动画效果。

4.使用js的事件控制元素的样式。

5.a标签的伪属性的理解和使用。

源码：

  <------用到的图片资源