CSS定位是web開發中非常重要的一部分，它決定了頁面中元素的布局以及定位方式。CSS定位主要涉及到三個屬性：position、top和left。
首先，position屬性。它有以下幾種取值：static、relative、absolute和fixed。其中static為默認值，表示元素的位置由文檔流決定。relative表示元素相對于自身位置進行定位，top和left屬性可以控制元素在x軸和y軸的偏移量。absolute是基于相對定位的，表示元素相對于最近的父級元素進行定位，如果沒有則相對于body元素，同樣可以通過top和left屬性控制位置。fixed也是基于相對定位的，不同的是它是相對于瀏覽器窗口進行定位，top和left屬性可以控制位置。
其次，top和left屬性。它們是用于控制元素相對于其父元素的定位的。top屬性控制元素在y軸上的偏移量，負值代表向上偏移，正值代表向下偏移。left屬性控制元素在x軸上的偏移量，負值代表向左偏移，正值代表向右偏移。
下面是一段使用CSS定位的示例代碼：

p {
position: relative;
top: 50px;
left: 100px;
}

以上代碼表示將所有p元素的位置相對于其父元素定位，向下偏移50像素，向右偏移100像素。
綜上所述，CSS定位是實現網頁布局和元素定位的關鍵屬性之一，而position、top和left則是控制定位的重要屬性。在學習和應用CSS定位時，需要注意不同取值對元素定位的影響，以及top和left屬性的使用方式。