在前端開發中，CSS是不可或缺的一部分。而CSS的加載方式則影響著網頁性能和用戶體驗。下面我們來介紹兩種不同的CSS加載方式。

<link rel="stylesheet" href="styles.css">
<script>
document.addEventListener("DOMContentLoaded", function() {
var css = document.createElement("link");
css.rel = "stylesheet";
css.href = "styles.css";
document.head.appendChild(css);
});
</script>

第一種方式是直接在HTML文件中引入CSS，使用“<link>”標簽。它可以并行地加載多個CSS文件，并且不會阻塞頁面的渲染。這種方式的優點是簡單直接、易于維護，但是在加載多個CSS文件時會增加HTTP請求的數量，可能會影響頁面載入速度。

第二種方式是通過JavaScript動態加載CSS文件，使用“document.createElement()”方法和“<link>”標簽。它可以實現在頁面渲染完成后再加載CSS，從而避免了阻塞頁面渲染的問題。但是它也有缺點，例如可能會造成頁面抖動，因為當CSS文件加載完成之前，頁面中的元素會使用默認樣式。

在選擇CSS加載方式時，我們需要根據具體情況進行權衡。如果我們只需要加載少量的CSS文件，而且頁面性能比較重要，那么第一種方式是更好的選擇。如果我們需要加載大量的CSS文件，而且用戶體驗比較重要，那么第二種方式就更適合。