-moz-box-shadow和 -webkit-box-shadow 有什么区别

`-webkit-box-shadow` 是两个用于CSS为元素添加阴影效果的旧属性，它们分别对应于Mozilla Firefox浏览器的内核（Gecko）和Apple Safari及Chrome等WebKit浏览器的内核。主要区别在于：

1. **浏览器兼容性**：`-moz-box-shadow` 是Firefox早期版本使用的，随着Webkit的发展，包括Safari、Chrome在内的现代浏览器更倾向于使用 `-webkit-box-shadow`。如果你需要更好的跨浏览器支持，可能会优先选择后者。

2. **语法差异**：尽管功能相似，但语法格式略有不同。`-moz-box-shadow` 的语法是 `inset: h-offset v-offset blur spread color;`，而 `-webkit-box-shadow` 是 `inset: h-offset v-offset blur spread opacity;`，注意`:inset` 标志是否为内阴影，默认外阴影。

3. **特性支持**：有些细节特性仅在某个特定的前缀下可用。例如，`spread` 属性只在 `-webkit-box-shadow` 中有效，而在 Firefox 中应该使用 `box-shadow` 本身。

4. **渐变支持**：对于渐变阴影，`-webkit-box-shadow` 支持更广泛，而 `-moz-box-shadow` 的语法限制了这种可能性。