在網頁設計中，JavaScript和CSS都是非常重要的語言。JavaScript是客戶端腳本語言，它可以幫助我們在網頁上實現一些動態交互效果，使得網站更加具有吸引力和實用性。而CSS是用來控制網頁樣式的一種語言，可以讓我們的網頁更加美觀和易讀。

在原生JS和CSS書寫頁面的過程中，我們需要了解一些基本的語法規則和常用的代碼技巧，以便更加輕松地實現我們的設計目標。

//示例1：使用原生JS實現頁面元素效果的改變
let btn = document.getElementById("btn");
let box = document.getElementById("box");
btn.onclick = function() {
box.style.backgroundColor = "red";
box.style.opacity = "0.5";
box.style.borderRadius = "10px";
}
//示例2：使用CSS設置頁面的樣式
.container {
width: 800px;
height: 400px;
background-color: #eee;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
.title {
font-size: 20px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
.content {
font-size: 16px;
color: #666;
line-height: 1.6;
margin-bottom: 20px;
}

以上是兩個典型的例子，展示了原生JS和CSS書寫頁面的基本方法和具體效果。另外，我們還需要注意的是優化代碼的重要性，可以通過模塊化和代碼壓縮等方式實現代碼的簡潔和效率。

總之，原生JS和CSS是開發網頁的核心技術之一，學好它們可以讓我們在網頁設計中更加靈活高效地實現自己的想法。