在网页设计中，CSS（Cascading Style Sheets）扮演着一个非常重要的角色，它可以帮助我们控制网页中元素的样式，使网页看起来更加美观和专业。下面就让我们来看看一些CSS代码和运行结果吧。

/* 给页面整体设置背景色 */
body {
background-color: #f2f2f2;
}
/* 给标题设置样式 */
h1 {
font-size: 36px;
font-weight: bold;
color: #333333;
text-align: center;
}
/* 给导航栏设置样式 */
.navbar {
background-color: #333333;
color: #ffffff;
padding: 10px;
}
/* 给按钮设置样式 */
.button {
background-color: #ff6347;
color: #ffffff;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
}
/* 给图片设置样式 */
img {
width: 100%;
height: auto;
border: 1px solid #dddddd;
}

运行以上代码后，网页将会呈现出以下样式：

可以看到，CSS可以帮助我们控制页面中的各个元素样式，使整个页面呈现出一种美观、舒适、专业的感觉。