預加載多個CSS文件是Web開發中常用的技巧之一。通過預加載CSS文件，可以提高網頁的加載速度和用戶體驗。在實際開發中，我們可以使用代碼來實現多個CSS文件的預加載，并且在預加載完成后添加回調函數。

下面是一個預加載多個CSS文件的代碼示例：

function preloadCss(urls, callback) {
var count = urls.length;
var loaded = 0;
function onLoaded() {
loaded++;
if (loaded == count) {
callback();
}
}
for (var i = 0; i< count; i++) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = urls[i];
link.onload = onLoaded;
link.onerror = onLoaded;
document.head.appendChild(link);
}
}
// 使用示例
preloadCss(['style1.css', 'style2.css', 'style3.css'], function() {
console.log('所有CSS文件已經加載完成！');
});

在上面的示例中，preloadCss函數接受兩個參數：要預加載的CSS文件的URL數組和預加載完成后的回調函數。在函數內部，我們通過創建link標簽并設置href屬性來實現CSS文件的預加載，同時在link標簽的onload和onerror事件中添加onLoaded回調函數。當所有的CSS文件都加載完成后，會調用傳入的回調函數。

總的來說，預加載多個CSS文件可以大幅提高網頁的加載速度和用戶體驗，同時使用回調函數可以使代碼更加健壯和易于維護。