当我们编写一个网站时，主页面的设计通常是其中一个最重要的部分。在HTML中，我们可以使用各种标签和元素来创建网页，但是没有CSS样式，我们的页面将显得非常单调和无聊。

CSS为我们提供了一种方法来控制HTML元素的样式和外观。通过添加样式表到我们的HTML文档中，我们可以改变页面中的各项设计。这使我们能够调整字体、颜色、大小、布局、背景以及元素的间距等等。

为我们的主页面填充CSS时，我们就需要熟练掌握一些基本技巧和CSS属性。我们可以使用 pre 标签将以下代码示例中的CSS代码整齐地跨行显示，以便更好地阅读和理解。

/*设置页面背景颜色*/
body {
background-color: #f5f5f5;
}
/*设置标题字体*/
h1 {
font-family: 'Roboto', sans-serif;
color: #333;
font-size: 40px;
text-align: center;
}
/*设置导航链接颜色和间距*/
nav a {
color: #0077cc;
margin-right: 15px;
text-decoration: none;
}
/*设置页面中的图片大小*/
img {
max-width: 100%;
height: auto;
}

在以上代码中，我们对body、h1、nav和img等HTML元素应用了不同的CSS样式。例如，我们设置了页面的背景颜色为#f5f5f5、导航链接的颜色为#0077cc，并将页面中的图片大小限制为其父元素的最大宽度。

总的来说，填充CSS样式表是一项准确和详细的工作，错误的代码可能会导致页面错乱。因此，我们需要仔细阅读CSS文档并且遵循最佳实践。