CSS定位是前端開發中非常重要的一部分。它可以幫助我們創建漂亮的頁面布局，并控制頁面中的元素位置。

CSS定位屬性通常用于與HTML元素一起使用，以確定元素在網頁上的位置。以下是一些常見的CSS定位屬性：

position: static;
position: relative;
position: absolute;
position: fixed;

其中，static是默認值，元素出現在文檔流中的位置，relative將元素相對于其自身位置進行移動，absolute將元素相對于其最近的非static定位祖先元素進行移動，而fixed是相對于瀏覽器窗口進行移動。

下面是一些使用CSS定位屬性實現頁面布局的例子：

/* 1. 垂直居中 */
.container {
position: relative;
}
.item {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 2. 固定側邊欄 */
.sidebar {
position: fixed;
top: 0;
left: 0;
width: 200px;
}
/* 3. 懸停提示 */
.tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
}

使用CSS定位屬性可以幫助我們輕松地實現各種頁面布局效果，同時也可以使網頁更加美觀和易于閱讀。