CSS定位是網頁布局和設計的重要組成部分。通過CSS定位，我們可以對元素的位置進行精細控制，讓網頁達到更好的視覺效果。其中，CSS定位主要分為三種：相對定位、絕對定位、固定定位。

相對定位是相對于元素本身的位置進行定位的，可通過top、bottom、left、right屬性來調整元素位置。代碼如下：

position: relative;
top: 10px;
left: 20px;

絕對定位是相對于父元素進行定位的，如果沒有父元素，則相對于body元素。該元素脫離文檔流，在原位置不再占據空間。代碼如下：

position: absolute;
top: 50px;
left: 100px;

固定定位是相對于瀏覽器窗口進行定位的，即不隨滾動條滾動而改變位置。它也脫離文檔流，在原位置不再占據空間。代碼如下：

position: fixed;
top: 0;
left: 0;

CSS定位除了以上三種，還有其他的一些應用比較特殊的定位方式，如sticky定位，它會根據滾動位置在靜止時使用相對定位，滾動時使用固定定位。代碼如下：

position: sticky;
top: 0;

總之，在進行網頁布局和設計時，靈活運用各種CSS定位方式能夠讓頁面更具美感，同時也更容易達到設計的目的。