CSS鎖定網頁是一種將網頁的某些元素鎖定在固定位置的技術。它可以保證用戶在滾動網頁時，鎖定的元素始終保持在視圖中。

/* CSS代碼示例 */
.locked-element {
position: fixed;
top: 10px;
right: 10px;
}

在上述代碼中，你可以看到我們給鎖定元素的class加了一些樣式。我們使用了position: fixed來鎖定元素，并在top和right屬性中指定元素相對于窗口頂部和右側的位置。

鎖定元素可以是任何頁面元素，如導航欄、頁面標題、搜索框等。它們能幫助用戶快速找到自己需要的內容，提高用戶體驗。

除此之外，CSS還有一些其他的鎖定元素技術，如sticky position。這種技術可以使元素在滾動到一定位置時停止滾動，并始終保持在該位置。

/* CSS代碼示例 */
.sticky-element {
position: sticky;
top: 50px;
}

在上述代碼中，我們使用了position: sticky來創建一個很棒的效果。我們將sticky-element的位置設置在網頁頂部的50px處。這樣當用戶向下滾動網頁時，sticky-element會始終保持在屏幕頂部，直到用戶滾動到50px的位置。

總之，CSS鎖定元素技術幫助我們提高了網站的用戶體驗，使訪問者更輕松地瀏覽我們的網站內容。如果你是一個Web開發人員，一定要學會如何使用CSS鎖定元素技術，以便讓你的網站更加出色。