这样的写就是为了处理兼容问题呀，不用记那么多，记住其中没前缀的那个用法就行了。你看他们的值都是一样的，你要是会用 sass 或者 less 可以写一个宏来处理这个的，比如说

@mixin box-shadow($h-shadow,$v-shadow,$blur,$spread,$shadow-color) {
$value: $h-shadow $v-shadow $blur $spread $shadow-color;
-webkit-box-shadow: $value;
-moz-box-shadow: $value;
-ms-box-shadow: $value;
box-shadow: $value;
}

然后
@include box-shadow(0, 1px, 8px, 0,#f2f2f2);
这样调用就不麻烦

还有现在很多效果网上都有生成器，比如 http://code.ciaoca.com/想要什么效果直接用他提供的生成器生成一个就行了，不用考虑那么多...