JavaScript是一種能夠操作網頁元素的編程語言，除了控制網頁的DOM和BOM，還可以通過操作CSS來改變網頁的樣式。而在實際開發中，我們通常需要將一些CSS樣式表動態地插入到網頁中。這個時候就需要使用到JS拼接CSS。

JS拼接CSS的方法很簡單，我們只需要利用JS中的document對象創建style標簽，并將生成的樣式表代碼插入到該標簽中即可。具體步驟如下：

let css = ".text {color: red; font-size: 20px;}";
let style = document.createElement("style");
style.type = "text/css";
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
document.head.appendChild(style);

以上代碼實現了創建一個style標簽，并將CSS樣式表插入到該標簽中。首先，我們定義了一個變量“css”來存儲我們要添加的CSS樣式表，這里的樣式表只包含一條屬性規則，即給類為“text”的元素設置字體顏色為紅色、字號為20px。然后，我們創建了一個“style”標簽，并設置其“type”屬性為“text/css”，表示這是一段CSS樣式表。接著，我們利用style.styleSheet.cssText或者style.appendChild方法將CSS樣式表插入到style標簽中。最后，我們將創建好的style標簽插入到HTML文檔中的head標簽中，即可完成動態添加樣式表的操作。

總的來說，JS拼接CSS是一種很實用的技術，在實際開發中經常用到，既可以提高網頁渲染速度，又能讓樣式更加靈活。上述的代碼示例應該能夠幫助你快速了解JS拼接CSS的原理及應用。