在網站開發中，CSS和JS是經常要結合使用的兩種技術。CSS用來美化網頁樣式，而JS則用于實現各種復雜的功能。
下面是一個簡單的案例，展示了如何結合使用CSS和JS。
<html>
<head>
<style>
/* 定義警告框樣式 */
.alert {
background-color: #f44336;
color: white;
padding: 16px;
margin-bottom: 15px;
}
</style>
</head>
<body>
<!-- 在單擊按鈕時顯示警告框 -->
<button onclick="showAlert()">顯示警告框</button>
<script>
function showAlert() {
// 創建div元素，并為其添加CSS類
var alertDiv = document.createElement("div");
alertDiv.classList.add("alert");
// 添加提示文本
var node = document.createTextNode("這是一條警告信息！");
alertDiv.appendChild(node);
// 將該警告框添加到網頁中
var body = document.querySelector("body");
body.insertBefore(alertDiv, body.firstChild);
}
</script>
</body>
</html>該案例演示了如何使用CSS定義一個警告框樣式，并在JS中使用該樣式來創建一個警告框。當單擊按鈕時，JS代碼將動態創建一個div元素，并為其添加CSS類。然后，JS代碼將提示信息添加到該div中，并將其添加到網頁的頂部。
總的來說，CSS和JS的相結合可以幫助我們實現各種網站功能，并讓網頁變得更加美觀和易于使用。