一個網站除了HTML以外還需要兩個重要的元素——Javscript和CSS。

Javscript是一門強大的編程語言，它能夠讓我們進行動態交互、更簡單的操作DOM而無需刷新網頁以及增加頁面的動態效果等。我們可以通過以下例子來體會Javascript的強大之處。

//獲取當前頁面的標題，并將它輸出到console中
var title = document.title;
console.log(title);

CSS則是用來蓋房子的工具，通過對HTML元素的樣式控制，可以達到美化、布局等方面的效果。舉個例子，下面代碼給所有p標簽添加了一個紅色的背景，可以讓文字更加醒目。

p {
background-color: red;
}

Javscript和CSS都有著各自獨特的特點和應用場景，但是它們能夠協同工作，也能夠互相影響，下面是Javascript和CSS互相配合的例子。

假設我們頁面上有一個按鈕，點擊這個按鈕可以讓網頁整個畫面震動一下，我們需要用到CSS3中的動畫特性和Javscript中的事件監聽，參考下面代碼實現。

//HTML部分點擊我！
//CSS部分
.box {
width: 200px;
height: 200px;
background-color: yellow;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: shake 0.5s;
}
@keyframes shake {
0% { transform: translate(-50%, -50%) rotate(0deg); }
20% { transform: translate(-50%, -50%) rotate(10deg); }
40% { transform: translate(-50%, -50%) rotate(-10deg); }
60% { transform: translate(-50%, -50%) rotate(10deg); }
80% { transform: translate(-50%, -50%) rotate(-10deg); }
100% { transform: translate(-50%, -50%) rotate(0deg); }
}
//Javascript部分
var shakeBtn = document.getElementById("shake-btn");
var box = document.querySelector(".box");
shakeBtn.addEventListener("click", function() {
box.classList.remove("shake");
void box.offsetWidth;
box.classList.add("shake");
});

通過上述的例子我們可以看出，CSS和Javascript的結合非常緊密，通過兩者的協作，我們可以實現非常豐富的網頁效果。

總的來說，Javascript和CSS都是網頁開發的基礎，掌握它們有助于我們更好地完成網站的構建，同時也能夠讓網站呈現出更加動態、美觀的效果。