小程序 JavaScript 和 CSS 樣式在開發小程序時非常重要，它們可以使小程序界面更加美觀動人，增強應用的用戶體驗。下面我們來詳細介紹如何在小程序中使用 JavaScript 和 CSS 樣式。

/* CSS 樣式例子 */
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f2f2f2;
}
.image {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #fff;
}
.title {
font-size: 24px;
font-weight: bold;
color: #333;
margin-top: 20px;
}
/* JavaScript 例子 */
// JS 中查找 DOM 節點
const container = document.querySelector('.container');
const title = document.querySelector('.title');
// JS 中修改 DOM 節點樣式
container.style.backgroundColor = '#F4A460';
title.style.color = '#fff';

如上所示，使用 CSS 樣式可以美化小程序頁面，例如設置背景色、字體大小等屬性，同時也可以通過 JavaScript 修改頁面中的 DOM 節點樣式，以此來實現更加靈活多變的特效。這些技術的使用需要一定的學習和實踐，但只要不斷嘗試、練習，逐漸掌握這些技術，就可以開發出更具有吸引力的小程序。