CSS前綴生成是指在編寫CSS樣式時添加廠商前綴，以保證不同瀏覽器的兼容性。例如，在編寫屬性時添加-webkit、-moz等前綴，以適應不同內核的瀏覽器。

.example{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

上述代碼中，添加webkit、moz前綴的border-radius樣式是為了兼容使用Webkit和Gecko內核的瀏覽器（如Chrome、Safari和Firefox等瀏覽器），同時border-radius是CSS3的屬性，為了兼容使用CSS3的瀏覽器，還需要添加默認的border-radius樣式。

對于不同的CSS屬性，需要添加不同的前綴，如下表所示：

/*transform屬性*/
-webkit-transform: translate(50px,100px);
-moz-transform: translate(50px,100px);
-ms-transform: translate(50px,100px); /*IE瀏覽器*/
transform: translate(50px,100px);
/*transition屬性*/
-webkit-transition: width 2s;
-moz-transition: width 2s;
-o-transition: width 2s; /*Opera瀏覽器*/
transition: width 2s;

同時，使用CSS預處理器（如Less、Sass等）也可以生成對應的前綴。

但是，隨著瀏覽器的升級和CSS標準的普及，CSS前綴生成的重要性已經逐漸降低，大部分現代瀏覽器已經不需要添加前綴從而實現兼容性。