今天我们来学习一下如何设计一个简单的网页模板，使用CSS样式表来美化页面。

CSS是Cascading Style Sheets的缩写，可以让我们轻松地控制网页中各种元素的样式，如文字颜色、背景颜色、字体大小、边框样式等等。下面我们来看一些基本的代码示例：

/* 设置页面背景颜色 */body {background-color: #eee;}/* 设置标题的字体样式和颜色 */h1 {font-family: Arial, sans-serif;color: #333;}/* 设置链接的鼠标悬停和点击后的颜色 */a:hover {color: red;}a:active {color: blue;}/* 设置表格的样式 */table {border-collapse: collapse;width: 100%;}td, th {border: 1px solid #ccc;padding: 10px;}

通过以上代码，我们可以设置页面的背景颜色、标题的字体样式和颜色、链接的鼠标悬停和点击后的颜色、表格的边框和填充样式等。当然，这只是CSS的冰山一角，还有很多其他的样式可以使用，比如盒模型、浮动、定位等等。

除了单纯地设置样式外，CSS还可以通过选择器来选择某一类元素，并为其添加样式，从而实现对整个页面的美化。例如：

/* 选取所有段落 */p {font-size: 18px;line-height: 1.5;}/* 选取页面顶部导航栏 */nav ul {margin: 0;padding: 0;list-style: none;}nav li {display: inline-block;margin: 0 10px;}nav a {text-decoration: none;color: #333;}

通过以上代码，我们可以选择所有段落，并为它们设置字体大小和行高；同时也可以选取页面顶部的导航栏，并为其中的元素设置样式，如列表项的水平排列、列表项之间的间隔以及链接的文本装饰和颜色。

总的来说，CSS是一个十分强大的工具，它可以让我们轻松地为网页中的各个元素设置样式，使我们的网页看起来更加美观和有吸引力。