JS與CSS是網頁設計中不可或缺的兩個方面。其中JS用于控制網頁的交互行為，而CSS則主要用于頁面的樣式布局。下面將詳細介紹JS與CSS屬性的相關知識。

JS是由Netscape公司開發的一種腳本語言，它具有事件處理、控制動態效果、數據交互等能力。其中，事件處理是JS中最重要的特性之一。通過JS可以對來自用戶的輸入、瀏覽器的運作和用戶操作等事件做出響應，比如：鼠標點擊、鍵盤事件等等。同時，JS還可以實現更加復雜的交互效果，比如：彈出對話框、網頁計算器等等。

CSS是Cascading Style Sheets的縮寫，即層疊樣式表。CSS用于控制網頁上的樣式，包括文字大小、顏色、背景圖、邊框、行距、段間距等方面。其中，CSS屬性有選擇器、屬性和值三個部分組成。比如：p{color:red;}中，p是選擇器，color是屬性，red是值。CSS屬性是可以通過位置和內聯的方式進行引用的。

// JS代碼示例 
function myFunction() {  //定義函數
var x = document.getElementById("demo");  //獲取元素
x.style.fontSize = "25px";  //設置字體大小
x.style.color = "red";  //設置字體顏色
}
// CSS代碼示例
p {
color: red;     //字體顏色為紅色
font-size: 20px;   //字體大小為20像素
background-image: url('example.png');   //背景圖像為example.png
border: 1px solid black;   //1像素黑色邊框
margin: 10px;    //外邊距為10像素
padding: 5px;    //內邊距為5像素
}

總之，JS與CSS屬性是網頁設計中不可或缺的兩個方面。通過掌握這些知識，我們可以更加靈活地設計網頁的交互行為與樣式布局。