CSS（層疊樣式表）是一種用于網頁制作的語言，而CSS希妍萃（CSS Houdini）則是一種用于擴展CSS功能的技術。CSS希妍萃可以讓開發者自定義CSS屬性、布局和動畫等，從而獲得更大的靈活性和控制力。

使用CSS希妍萃的首要任務是創建自定義屬性（CSS Custom Property）。創建自定義屬性的方法很簡單，只需要在CSS文件中定義一個以"--"開頭的屬性即可。例如：

:root {
--main-bg-color: #fefefe;
}

上面的代碼定義了一個名為“--main-bg-color”的自定義屬性，其值為#fefefe。接下來就可以在其他CSS規則中使用該屬性了：

body {
background-color: var(--main-bg-color);
}

除了自定義屬性，CSS希妍萃還支持通過JavaScript創建新的CSS特效和功能。例如：

registerPaint("my-paint", {
paint: function(ctx, size, properties) {
// ... 繪制代碼 ...
}
});

上面的代碼創建了一個名為“my-paint”的畫筆規則，通過paint函數實現繪制操作。之后就可以在CSS樣式中使用該規則了：

.my-class {
background: paint(my-paint);
}

此外，CSS希妍萃還可以創建自定義動畫（CSS Custom Paint）和自定義布局（CSS Layout API）等功能，大大擴展了CSS的應用場景和能力。