在CSS中，我們經常會遇到一些以“webkit”開頭的屬性，比如-webkit-border-radius、-webkit-box-shadow等等。那么，這些屬性具體是什么作用呢？

-webkit-border-radius: 它可以用來設置元素邊框的圓角弧度，比如：
p {
-webkit-border-radius: 10px;
}
-webkit-box-shadow: 它可以用來給元素添加陰影效果，比如：
.box {
-webkit-box-shadow: 5px 5px 5px #666;
}

那么，為什么要加上“webkit”這個前綴呢？其實，這是因為不同的瀏覽器廠商實現CSS3的方式不同，因此需要加上相應的前綴，從而讓瀏覽器正確地渲染CSS3屬性。

另外需要注意的是，加上“webkit”前綴的CSS屬性只適用于基于Webkit內核的瀏覽器（如Chrome、Safari等），對于其他瀏覽器需要加上相應的前綴，比如Firefox需要加上“moz”前綴。

所以，在編寫CSS時，我們需要仔細考慮不同瀏覽器的兼容性問題，并正確地使用帶前綴的CSS屬性。這樣才能確保我們的網頁在不同瀏覽器中都能達到最佳的渲染效果。