CSS 自定義樣式是指通過設置不同的 CSS 屬性，來改變 HTML 元素的顯示效果。在網頁開發中，為了提高樣式的可維護性和復用性，我們通常將 CSS 樣式單獨存放在一個文件中，然后在 HTML 中引用該文件。

/* 創建一個名為 style.css 的樣式文件，并設置 body 的背景色 */
body {
background-color: #ffffff;
}
/* 定義 .text 類，設置文本顏色和字體大小 */
.text {
color: #333333;
font-size: 16px;
}

但是，有時我們需要針對特定的頁面或元素設置一些特殊的樣式，這時就需要使用 CSS 自定義元素。

在 HTML 中，我們可以為任何元素添加自定義屬性，通常以"data-"開頭。比如：

<div data-color="#ff0000">這是一個紅色的 div 元素</div>

然后，可以在樣式表中使用屬性選擇器，選取帶有該屬性的元素，并設置相應的樣式，如下所示：

/* 選取帶有 data-color 屬性的 div 元素，并設置顏色 */
div[data-color] {
color: attr(data-color);
}

通過這種方式，我們便可以很靈活地為特定的元素添加自定義樣式了。