JS和CSS是現代網頁開發中不可或缺的兩個技術，它們可以使網頁變得更加優美和動態。JS可以讓網頁實現交互功能和動態效果，而CSS則可以控制網頁的樣式和布局。

JS的作用很大程度上體現在其可以操作網頁中的DOM元素，比如可以通過JS動態修改網頁中的元素內容或者樣式，實現動態交互效果。以下是一個簡單的例子：

// 獲取元素并修改內容
var element = document.getElementById("example");
element.innerHTML = "Hello World!";
// 獲取元素并修改樣式
var element = document.getElementById("example");
element.style.color = "red";

CSS同樣也有很多強大的特性，比如可以通過CSS實現響應式布局。現在流行的響應式框架就是基于CSS的。以下是一個響應式布局的例子：

/* 響應式布局 */
@media screen and (max-width: 768px) {
.example {
width: 100%;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.example {
width: 50%;
}
}
@media screen and (min-width: 1025px) {
.example {
width: 33.33%;
}
}

通過掌握JS和CSS，可以讓我們的網頁開發更加高效和強大。但需要注意的是，過多的JS和CSS會增加網頁的加載時間，因此需要在實際開發中合理使用。