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属性的使用方式。