JavaScript (JS) 和 Cascading Style Sheets (CSS) 是網頁開發中不可或缺的兩個語言。JS 用于實現動態交互，而 CSS 則用于頁面的布局和樣式設計。

// JS 示例代碼
// 獲取頁面元素
var button = document.getElementById("myButton");
var message = document.getElementById("myMessage");
// 給按鈕添加點擊事件監聽
button.addEventListener("click", function() {
// 改變消息內容的文字顏色
message.style.color = "red";
});

在上述 JS 代碼中，使用了 document 對象的 getElementById() 方法獲取了兩個頁面元素，并使用 addEventListener() 方法添加了一個按鈕點擊事件監聽器。當用戶點擊按鈕時，會執行函數內的代碼，將消息內容的文字顏色改變為紅色。

/* CSS 示例代碼 */
/* 頁面布局樣式 */
#container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
/* 按鈕樣式 */
#myButton {
background-color: #008CBA;
color: white;
font-size: 20px;
padding: 10px 20px;
border-radius: 10px;
cursor: pointer;
}
/* 消息內容樣式 */
#myMessage {
font-size: 24px;
margin-top: 30px;
}

上述 CSS 代碼中，使用了 flex 布局和一些基本樣式屬性，使頁面元素居中且美觀。按鈕的背景顏色為藍色，其中的字體顏色為白色，具有圓角邊框和手型的鼠標光標。消息內容也擁有其自己的字體大小和頁面距離。

JavaScript 和 CSS 的組合可以實現豐富的頁面特效和交互。通過將二者的功能結合起來，可以創建出美觀而易于使用的網頁。