要使用 CSS 制作拖拽排序效果，需要使用 CSS 的属性和事件。其中关键词包括：drag and drop、position、z-index、cursor、user-select、transition、:hover、:active、:before、:after等。
首先，需要使用 HTML5 中的 drag and drop API 拖拽元素，这需要在拖拽元素上设置 draggable 属性为 true，并添加 dragstart 和 dragover 事件处理程序。在 CSS 中，可以使用 position 属性控制元素的位置，使用 z-index 属性控制元素的层级，使用 cursor 属性设置鼠标样式，使用 user-select 属性控制用户选择内容，使用 transition 属性设置过渡效果。
其次，需要在拖拽过程中实现拖拽效果。可以使用 :hover、:active、:before、:after 等 CSS 伪类实现拖拽效果。例如，可以在拖拽元素上设置 opacity 属性，使其半透明，也可以在目标元素上设置边框、背景色等样式，以提示用户将拖拽元素拖放到该位置。
综上所述，使用 CSS 制作拖拽排序效果需要熟悉以上关键词，并结合实际需求进行调整。