CSS觸碰手勢是前端開發中的重要概念之一，可以極大地提升網頁的用戶交互體驗。下面我們就通過一些例子來深入了解一下CSS中的觸碰手勢。

/* 禁止觸碰手勢 */
body {
touch-action: none;
}

在某些情況下，我們需要禁止瀏覽器默認的觸碰手勢，可以通過設置元素的touch-action屬性來實現。在上述代碼中，我們設置body元素的touch-action屬性為none，這樣就可以禁止所有觸碰手勢了。

/* 自定義觸碰手勢 */
.btn {
touch-action: pan-y;
}

我們還可以通過設置touch-action屬性來定義自己期望的觸碰手勢。在上述代碼中，我們設置一個名為btn的元素，為其定義了一個pan-y的手勢，這表示當用戶在該元素上垂直滾動時，瀏覽器會執行某些自定義的行為。

/* 響應點擊事件 */
.btn {
cursor: pointer;
}
.btn:active {
background-color: #f00;
}

CSS中還有一個非常重要的觸碰手勢：點擊事件。我們可以通過cursor屬性來讓用戶鼠標移動到可點擊的元素上時，瀏覽器的指針形狀發生變化，提示用戶該元素可以被點擊。在上述代碼中，我們設置.btn元素的cursor屬性為pointer，當用戶單擊該元素時，會出現背景色為紅色的效果。

總結來說，CSS觸碰手勢可以讓我們更好地控制網頁的用戶交互效果，為用戶提供更加流暢的體驗。我們可以通過設置touch-action屬性來自定義手勢，還可以通過cursor屬性來響應點擊事件，加強用戶體驗。希望這篇文章能夠幫助大家更好地掌握CSS觸碰手勢的知識。