对于web开发者和设计师来说，了解不同浏览器中的CSS前缀是至关重要的。因为它们在不同浏览器的渲染中有不同的表现方式。下面是一些主要的浏览器及其需要的CSS前缀：

/* Safari和Chrome */
-webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #999;
/* Firefox */
-moz-border-radius: 5px;
-moz-box-shadow: 1px 1px 3px #999;
/* Opera */
-o-border-radius: 5px;
-o-box-shadow: 1px 1px 3px #999;
/* IE */
-ms-border-radius: 5px;
-ms-box-shadow: 1px 1px 3px #999;

如以上代码所示，不同的浏览器需要不同的前缀，其中"-webkit-"表示适用于Safari和Chrome，"-moz-"适用于Firefox，"-o-"适用于Opera，"-ms-"适用于IE。

如果我们没有为不同的浏览器添加前缀，那么我们的样式表可能无法在所有浏览器中正确地渲染。因此，正确地了解并使用这些前缀是至关重要的。但是，使用太多的前缀也会使我们的样式表变得臃肿。因此，我们应该在使用前缀时保持平衡，并且只添加必要的前缀。

总之，虽然CSS前缀有一定的麻烦，但是对于web开发者和设计师来说，了解并正确地使用它们仍然是必要的，以确保我们的样式表在不同的浏览器中正确地显示和渲染。