在編寫CSS樣式表時，經常加上一些前綴，來達到特定的效果。比如，-webkit-前綴可以用于支持WebKit核心的瀏覽器，而-moz-可以用于支持Mozilla核心的瀏覽器。那么，在CSS樣式前面加什么呢？下面我們就來詳細了解一下。
首先，我們可以在CSS樣式前加前綴來增加瀏覽器的兼容性。如果一種樣式只能被某些瀏覽器所支持，那么添加前綴就可以讓其他瀏覽器也能夠支持該樣式。比如：

p{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

在這個例子中，我們使用了三種不同的border-radius屬性設置了段落的圓角效果。前兩行的樣式前面添加了-webkit-和-moz-前綴，分別支持WebKit核心和Mozilla核心的瀏覽器。而第三行的border-radius樣式則是為所有其他瀏覽器提供的兼容樣式。
除了瀏覽器兼容性之外，我們還可以在CSS樣式前加前綴來使用一些尚未成為標準的樣式。這些樣式可能在將來的版本中會被標準化，但現在還不是。比如，我們可以使用-webkit-box-shadow屬性來添加一個陰影效果：

p{
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

在這個例子中，我們為段落添加了一個淺灰色的盒子陰影效果。前面的樣式使用了-webkit-前綴，針對WebKit核心的瀏覽器。而后面的樣式則是為其他瀏覽器提供的通用樣式。
然而，添加過多的前綴可能會讓樣式表變得很冗長。因此，我們可以使用一些工具來幫助我們在編寫樣式表時，自動加上前綴。比如，Autoprefixer是一款流行的CSS前綴自動化工具，可以自動添加必要的前綴，減少CSS樣式表的代碼量。
綜上所述，在CSS樣式前面加什么，要根據具體情況而定。我們可以在樣式前加上各種不同的前綴，來增加瀏覽器的兼容性，使用一些尚未成為標準的樣式，或者使用自動化工具來簡化樣式表的編寫過程。