CSS3觸摸排序是一種利用CSS3技術進行的手勢排序方法，允許用戶通過手指在移動端設備上滑動來重新排列頁面上的元素。這項技術是為了提高用戶體驗而開發出來的，并可以應用于各類移動應用和網頁設計當中。

html {
touch-action: none;
}
li {
touch-action: pan-y;
}
li:active {
cursor: move;
}
ul {
overflow: hidden;
touch-action: pan-y;
}
ul li {
position: relative;
z-index: 1;
}
ul li.placeholder {
position: absolute;
z-index: 0;
width: 100%;
height: 0;
border: 2px dotted #ccc;
}
ul li.dragging {
z-index: 2;
opacity: 0.7;
}

在上述代碼中，我們可以看到使用了以下CSS屬性：

• touch-action：設置觸摸行為，設為none可以阻止默認行為，設為pan-y可以允許垂直方向的拖拽。
• :active：設置元素處于激活狀態時的樣式，這里用來設置拖拽時的光標。
• overflow：用于設置容器的溢出處理方式，這里設置為hidden可以防止元素拖出容器。
• position：控制元素的定位方式，這里用于設置拖拽元素的定位方式。
• z-index：控制元素的層級關系，這里用于設置拖拽元素和占位元素的層級。

通過使用以上CSS屬性，我們可以實現一個基本的觸摸排序功能，讓用戶可以輕松地重新排列頁面上的元素，提高用戶體驗。