CSS樣式和JS腳本是現(xiàn)代Web開發(fā)中不可或缺的兩項(xiàng)技術(shù)。它們分別用來控制HTML元素的外觀和動(dòng)態(tài)交互效果，為網(wǎng)站增加更豐富的用戶體驗(yàn)和功能。下面我們將分別介紹CSS樣式和JS腳本的基本原理和用法。

/* CSS樣式的基本用法 */
p {
font-size: 16px;
color: #333;
margin: 10px;
}
/* 上述代碼會(huì)將所有<p>標(biāo)簽的字體大小設(shè)置為16像素，
字體顏色設(shè)置為#333，外邊距設(shè)置為10像素。 */

CSS樣式的基本原理是通過選擇器選中HTML元素，然后應(yīng)用一段樣式規(guī)則來改變?cè)氐耐庥^。在樣式規(guī)則中，我們可以設(shè)置元素的字體、顏色、大小、間距、背景色等各種屬性來實(shí)現(xiàn)不同的效果。CSS樣式表可以直接寫在HTML文件中的<style>標(biāo)簽內(nèi)，也可以單獨(dú)寫在一個(gè)CSS文件中，通過<link>標(biāo)簽引入HTML文件中。

// JS腳本的基本用法
let btn = document.getElementById('btn')
btn.addEventListener('click', function() {
alert('Hello World!')
})
/* 上述代碼會(huì)選中一個(gè)按鈕元素，并在點(diǎn)擊按鈕時(shí)彈出"Hello World!"提示框。 */

JS腳本的基本原理是通過選中HTML元素，然后添加各種相關(guān)的事件處理函數(shù)來實(shí)現(xiàn)交互效果。在事件處理函數(shù)中，我們可以使用各種JS語句來實(shí)現(xiàn)動(dòng)態(tài)的響應(yīng)效果，例如修改元素屬性、改變樣式、添加/刪除元素等。JS腳本可以直接寫在HTML頁面中的<script>標(biāo)簽內(nèi)，也可以單獨(dú)寫在一個(gè)JS文件中，通過<script>標(biāo)簽引入HTML文件中。