CSS定位屬性是基于盒模型的一種樣式屬性，用于控制元素在頁面中的位置。CSS定位屬性的作用是讓我們可以通過一系列的設置，精確地定位頁面上的任何元素。

以下是CSS定位屬性的幾種常見用法：

.position {
position: relative; /* 相對定位 */
top: 20px; /* 上偏移量 */
bottom: 20px; /* 下偏移量 */
left: 20px; /* 左偏移量 */
right: 20px; /* 右偏移量 */
}
.fixed {
position: fixed; /* 固定定位 */
top: 0; /* 頂部定位 */
right: 0; /* 右側定位 */
}
.absolute {
position: absolute; /* 絕對定位 */
top: 50%; /* 上側偏移量 */
left: 50%; /* 左側偏移量 */
transform: translate(-50%, -50%); /* 居中 */
}
.z-index {
position: relative; /* 相對定位 */
z-index: 10; /* 層數 */
}

通過上述定位屬性的設置，我們可以實現元素在頁面中的精確定位。其中，relative（相對定位）會生成一個相對定位的容器，元素在容器內移動時不會影響其他元素的位置。fixed（固定定位）會將元素的位置固定在頁面的某個位置，不會隨頁面滾動而移動。absolute（絕對定位）會將元素的位置固定在其父容器的某個位置，不會隨整個頁面的滾動而移動。而z-index屬性用于控制元素的層級關系。

總體來說，CSS定位屬性為我們提供了一種靈活而便捷的定位方法，使得我們可以更加自由地布局頁面上的內容。