JavaScript是一種非常強大的Web編程語言，它不僅可以控制網頁的動態交互和數據處理，還可以通過操作DOM元素來動態改變頁面的樣式。CSS是一種控制網頁樣式的技術，它可以使網頁更美觀、易讀、易用。

在網頁開發中，我們經常需要動態地向頁面添加CSS樣式來改變頁面樣式效果，這時候我們可以使用JavaScript來追加CSS。通過JavaScript可以讓我們在頁面加載后動態的向頁面中添加CSS樣式。

下面的代碼演示了如何使用JavaScript向頁面追加CSS樣式：

let style = document.createElement('style');
style.type = 'text/css';
let cssText = '.header{background-color:#f2f2f2;color:#fff;}';
if (style.styleSheet) {
style.styleSheet.cssText = cssText;
} else {
style.appendChild(document.createTextNode(cssText));
}
document.getElementsByTagName('head')[0].appendChild(style);

上面的代碼中，我們首先使用document.createElement()方法創建了一個style元素，并設置其type屬性為text/css。然后我們定義了一個CSS樣式，將其賦值給了變量cssText中。接著，我們使用if…else語句來判斷瀏覽器是否支持styleSheet屬性，然后將CSS樣式追加到style元素中。

最后，我們使用document.getElementsByTagName('head')[0].appendChild(style)將CSS樣式追加到head元素中的末尾位置。這樣，在頁面加載完成后，頁面中的.header元素就會應用上我們動態追加的CSS樣式了。

使用JavaScript向頁面中動態追加CSS樣式可以讓我們更靈活的控制頁面樣式，從而實現更好的用戶交互體驗。