在网页设计中，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是开发网页的核心技术之一，学好它们可以让我们在网页设计中更加灵活高效地实现自己的想法。