css - 任何人都可以解释以下代码吗？

Question

我无法理解，尤其是在背景属性方面。

 .stars div a {
      background: transparent url(sprite_rate.png) 0 0 no-repeat;
      display: inline-block;
      height: 23px;
      width: 12px;
      text-indent: -999em;
      overflow: hidden;
    }

Answer 1

background:

透明 希望它是清楚的:)

url(sprite_rate.png)背景图片

0 0 容器中的一个位置 - 左上角

no-repeat 背景图片不应该重复

display: inline-block;

一个表现得像内联元素的盒子，参见http://www.w3schools.com/css/pr_class_display.asp

height: 23px;
width: 12px;

元素的大小

text-indent: -999em;

将元素踢到可见区域之外，http://www.w3schools.com/css/pr_text_text-indent.asp

overflow: hidden;

隐藏不适合元素的内容，http://www.w3schools.com/css/pr_pos_overflow.asp