在web開發中，CSS和JavaScript是重要的兩個技術。CSS用于頁面的樣式與布局，而JavaScript用于實現頁面的交互功能。下面我們介紹一些CSS和JavaScript小案例。

CSS案例：

//設置body背景色為灰色
body {
background-color: gray;
}
//設置h1文字顏色為紅色
h1 {
color: red;
}
//設置圖片居中顯示
img {
display: block;
margin: auto;
}

Javascript案例：

//按鈕點擊事件
document.querySelector('button').addEventListener('click', function() {
alert('Hello World!');
});
//鼠標移動時改變元素位置
var element = document.getElementById('move');
element.addEventListener('mousemove', function(event) {
element.style.left = event.clientX + 'px';
element.style.top = event.clientY + 'px';
});
//隨機背景色
var colors = ['red', 'blue', 'green', 'yellow', 'orange', 'purple'];
document.body.style.backgroundColor = colors[Math.floor(Math.random()*colors.length)];

這些小案例雖然簡單，但都是CSS和JavaScript的基礎知識。掌握了這些知識點，能夠更好地實現頁面的樣式與交互功能。