在網頁開發中，動態創建 CSS 可以幫助我們更加靈活地控制樣式并提高開發效率，下面將介紹一些高效的方法來動態創建 CSS。

1. 使用 JavaScript 預處理器

// 使用 LESS 預處理器
var css = ".class { color: @color; }";
var color = "#48b2e3";
css = less.render(css, {'color': color});

LESS 是一種幫我們在 CSS 中使用變量、函數、運算等功能的預處理器。使用預處理器在動態創建 CSS 時更加方便，也提升了代碼的可讀性。

2. 使用樣式文本插入到 head 標簽中

var css = ".class { color: #48b2e3; }";
var style = document.createElement("style");
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);

這種方法可以將我們創建的樣式文本插入到 head 標簽中，從而實現動態創建 CSS 的功能。需要注意的是使用該方法時，樣式文本需要包含在一個 style 標簽中，否則樣式可能不會生效。

3. 使用 style 屬性直接設置樣式

var el = document.getElementById("box");
el.style.color = "#48b2e3";
el.style.backgroundColor = "#f5f5f5";

除了在 head 標簽中動態生成 CSS 外，使用 style 屬性直接設置樣式也是一種高效的動態創建 CSS 的方法。需要注意的是，這種方法設置的樣式只能改變單個元素的樣式，而無法改變整個頁面的樣式。

綜上所述，使用 JavaScript 預處理器、樣式文本插入到 head 標簽中、直接設置 style 屬性是三種高效的動態創建 CSS 的方法，可以根據實際需求進行選擇和結合。