JavaScript和CSS是網頁開發中的兩個非常重要的技術。JavaScript通過對網頁進行動態操作，為用戶提供更好的用戶體驗；而CSS則可以幫助開發者美化網頁，使其更加具備吸引力和可讀性。

JavaScript的原理是基于ECMAScript語法的解釋器解析代碼，將其轉換成計算機能夠識別的指令。在網頁中，JavaScript可以被嵌入在HTML文件中，也可以單獨作為一個.js文件進行調用。

JS代碼的執行分為兩種模式，一種是阻塞模式，另一種則是非阻塞模式。前者表示代碼在執行過程中，會阻塞其他操作的執行，而后者則可以允許在代碼執行的同時，進行其他操作。

// 阻塞模式
for (let i=1; i<=10; i++) {
console.log(i);
alert(i);
}
// 非阻塞模式
setTimeout(function() {
console.log('Hello');
}, 5000);

CSS的原理則是通過對網頁中的元素進行樣式定義，從而對網頁進行美化。CSS中有許多不同的選擇器，可以用于指定不同類型的網頁元素，例如class和id等。

和JavaScript類似，CSS也可以嵌入在HTML文件中，同時也可以單獨作為一個.css文件進行調用。在進行CSS樣式定義時，需要將樣式規則寫在一對大括號{ }之間，同時使用分號（;）將不同的樣式屬性進行分隔。

// CSS樣式定義
h1 {
color: red;
font-size: 2em;
text-align: center;
}

總之，JavaScript和CSS的原理是網頁開發中不可或缺的兩個組成部分，它們可以幫助開發者更好地控制網頁，并為用戶提供更好的使用體驗。