CSS和JS是網頁開發中不可或缺的技術。CSS用于樣式設計，JS用于動態交互。本文將介紹一些基本的CSS和JS代碼。 CSS代碼示例：

/* 設置段落樣式 */
p {
font-size: 20px;  /* 設置字體大小 */
color: #333;  /* 設置字體顏色 */
line-height: 1.5;  /* 設置行高 */
}
/* 設置鏈接樣式 */
a {
color: #007bff;  /* 設置鏈接顏色 */
text-decoration: none;  /* 移除下劃線 */
}
/* 設置按鈕樣式 */
button {
background-color: #007bff;  /* 設置背景顏色 */
color: #fff;  /* 設置字體顏色 */
border-radius: 5px;  /* 設置圓角 */
padding: 10px 20px;  /* 設置內邊距 */
}

JS代碼示例：

/* 獲取元素 */
var btn = document.getElementById('btn');
/* 添加點擊事件 */
btn.onclick = function() {
// 執行操作
alert('Hello World!');
}
/* 獲取輸入框內容 */
var input = document.getElementById('input');
/* 添加輸入事件 */
input.oninput = function() {
// 獲取輸入框內容
var value = input.value;
// 執行操作
console.log(value);
}

以上代碼示例中，CSS代碼用于設置網頁的樣式，如設置段落樣式、鏈接樣式和按鈕樣式；JS代碼用于實現網頁的交互效果，如添加點擊事件和輸入事件，獲取元素和信息等。 學習CSS和JS需要不斷實踐和生動形象的例子，相信通過不斷地練習和學習，你會越來越熟練地掌握這些代碼技能。