CSS 錨點是一種用于調整元素位置的 JavaScript 技術，可以在不修改 HTML 代碼的情況下，通過在 CSS 樣式中添加錨點來對元素進行定位和調整。通過這種方式，我們可以輕松地將元素移動到其他位置，或者將其隱藏或顯示。

CSS 錨點有兩種類型：內部錨點和外部錨點。內部錨點只能由 HTML 元素產生，而外部錨點則可以由 HTML 元素、CSS 文件或 JavaScript 產生。外部錨點通常用于在 HTML 頁面中的導航菜單、側邊欄等區域，而內部錨點則通常用于調整元素的相對位置和大小。

使用 CSS 錨點可以幫助我們實現很多有用的功能，例如：

1. 快速定位元素：我們可以通過在 CSS 樣式中定義一個錨點，然后使用該錨點來快速定位元素。

2. 調整元素大?。何覀兛梢酝ㄟ^在 CSS 樣式中定義一個錨點，然后使用該錨點來調整元素的大小。

3. 隱藏元素：我們可以通過在 CSS 樣式中定義一個錨點，然后使用該錨點來隱藏元素。

4. 旋轉元素：我們可以通過在 CSS 樣式中定義一個錨點，然后使用該錨點來旋轉元素。

5. 調整元素位置：我們可以通過在 CSS 樣式中定義一個錨點，然后使用該錨點來調整元素的位置。

下面是一個簡單的例子，展示了如何使用 CSS 錨點來調整元素的相對位置：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

<style>

ul li:hover {

position: relative;

li {

position: absolute;

top: 100px;

left: 200px;

</style>

在這個例子中，我們定義了一個 `li` 元素的 CSS 樣式，并在其中添加了一個錨點。當鼠標懸停在 `li` 元素上時，我們將 `li` 元素設置為相對定位，并將其位置設置為相對于選定區域(即鼠標所在區域)的 100 px 左對齊，200 px 右對齊。

通過使用 CSS 錨點，我們可以輕松地實現很多有用的功能，而無需修改 HTML 代碼。我們可以根據需要靈活地使用 CSS 錨點來調整元素的相對位置、大小、隱藏和旋轉等屬性。