動態(tài)調(diào)用 CSS 是現(xiàn)代網(wǎng)站設(shè)計(jì)不可缺少的一部分。通過動態(tài)調(diào)用 CSS，我們能夠在運(yùn)行時(shí)決定樣式表的選用，從而實(shí)現(xiàn)更靈活的頁面響應(yīng)和交互效果。
在 web 開發(fā)中，我們通常會把樣式表寫成外部文件，然后在 HTML 頁面中通過 link 標(biāo)簽引入，如下：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
這種方式的缺點(diǎn)在于，樣式表是在頁面加載時(shí)一次性加載的。如果頁面需要根據(jù)用戶交互或其他條件來改變樣式，就需要用 JavaScript 編寫樣式表并引入到頁面中。
下面是一個(gè)示例，動態(tài)改變網(wǎng)頁中一個(gè) div 元素的背景顏色：
<!DOCTYPE html>
<html>
<head>
<title>動態(tài)調(diào)用 CSS</title>
<style id="styleSheet">
div {
width: 200px;
height: 200px;
background-color: #eee;
}
</style>
</head>
<body>
<div id="myDiv"></div>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.onclick = function() {
document.getElementById("styleSheet").href = "newstyle.css";
};
</script>
</body>
</html>上面的代碼中，初始化時(shí)我們設(shè)置一個(gè) id 為 "styleSheet" 的 style 標(biāo)簽，其中定義了背景顏色為淡灰色。當(dāng) div 元素被點(diǎn)擊時(shí)，我們通過修改 style 標(biāo)簽的 href 屬性來加載新的 CSS 文件，從而改變 div 元素的背景顏色。
動態(tài)調(diào)用 CSS 可以為我們帶來更加靈活和互動的頁面效果。我們可以根據(jù)用戶事件、網(wǎng)站數(shù)據(jù)等多種條件來動態(tài)選擇和改變樣式，從而為用戶提供更好的體驗(yàn)。