在WEB開發中，Javascript（簡稱js）和CSS（層疊樣式表）是兩個重要的技術。使用Javascript可以實現頁面的動態效果，而CSS則可以控制頁面的樣式。在實際開發中，很多情況下需要使用Javascript動態地向HTML文檔中添加CSS樣式，這時候我們就需要使用動態加CSS樣式的技術。

//動態添加CSS樣式
function addStyle(cssStr) {
var style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.innerHTML = cssStr;
document.getElementsByTagName('head')[0].appendChild(style);
}
//調用addStyle函數
addStyle('body {background-color: #ccc; font-size: 16px;}');

代碼解釋：

1. 首先定義了一個名為addStyle的函數，這個函數接受一個參數cssStr，表示要添加的CSS樣式。

2. 在函數內部，通過document.createElement方法動態創建了一個style元素的節點，并設置了style元素的type屬性為text/css。

3. 然后，使用style.innerHTML方法將要添加的CSS樣式賦值給style元素的innerHTML屬性。

4. 最后，通過document.getElementsByTagName方法獲取到head元素，并把創建好的style元素添加到head元素的末尾。

5. 調用addStyle函數并傳入要添加的CSS樣式，即可動態地向HTML文檔中添加CSS樣式。

這個例子只是一個簡單的示例，實際運用中我們可以把CSS樣式存放到一個CSS文件中，然后使用jQuery等js庫從CSS文件中讀取CSS樣式，動態地插入到HTML文檔中。