CSS根變量（CSS Root Variables）是CSS3新特性中的一項功能，通過定義一些全局變量，可以使改變頁面風格更為便利。當然，在使用這種功能之前，需要特別注意：這項新特性可能需要在一些較舊的瀏覽器中進行兼容才能實現(xiàn)。

:root {
--primary-color: #007bff; //定義一個名為primary-color的全局變量
}
p {
color: var(--primary-color); //使用CSS屬性“var()”調(diào)用被設置的全局變量
}

在上面的代碼中，通過“:root”選擇器，創(chuàng)建了一個CSS變量，并將其命名為“primary-color”，變量的值為“#007bff ”。接著，在“p”元素中使用CSS屬性“var()”來應用這個定義的變量。

在網(wǎng)頁設計中，這種全局變量的使用非常有用。比如，在大型網(wǎng)站或應用程序中，設計師和開發(fā)者需要反復使用相同的顏色、字體，并非常頻繁地進行小的元素樣式調(diào)整。如果有全局變量的支持，這一切將變得非常容易。