CSS是網頁制作必備的技能之一，其中空間定位是CSS的重點之一，它的作用是為了更靈活的控制頁面元素的位置及大小，下面我們來看看CSS空間定位的使用方法：

.box {
position: relative;
width: 200px;
height: 200px;
border: 1px solid #333;
}
.box p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的代碼中，我們首先定義了一個名為.box的元素，它的寬高為200px，邊框為1px實線，然后我們對其內部的p元素進行了定位。對于一個absolute定位的元素，它是相對于父元素進行定位，因此我們給父元素.box設置了relative定位。

在.p元素中，我們設置了top和left分別為50%，這樣就讓p元素的左上角對齊了父元素的中心點，但是由于文本的高度不同，所以還需要對其進行一定的微調，我們使用了transform屬性，將p元素向左移50%文本寬度，向上移50%文本高度，從而實現了完美的居中效果。

除了絕對定位，CSS還提供了其他的定位方式，如相對定位、固定定位等，這些方法可以按照不同的實際情況進行選擇，從而達到最佳的效果。