CSS样式是一种控制网页外观和布局的强大工具。通过CSS，您可以定义各种规则，例如字体、颜色、大小、边距和背景颜色。在本文中，我们将讨论如何使用CSS样式来控制页面。

/* 设置页面背景颜色为灰色 */
 body {
background-color: #ECECEC;
 }
/* 定义一个标题样式 */
 h1 {
color: #008000;
font-size: 36px;
margin-top: 50px;
margin-bottom: 20px;
 }
/* 设置链接样式 */
 a {
color: #4169E1;
text-decoration: none;
font-weight: bold;
 }
/* 定义一个按钮样式 */
 .btn {
background-color: #4169E1;
color: #FFFFFF;
padding: 10px 20px;
border-radius: 5px;
border: none;
cursor: pointer;
 }
/* 悬停时改变按钮颜色 */
 .btn:hover {
background-color: #6495ED;
 }

像上面的代码示例一样，您可以使用CSS选择器来针对特定的HTML元素应用样式。例如，我们可以通过设置标题样式来改变页面中所有标题的字体、大小、颜色和边距等。此外，您还可以使用类和ID选择器来定义特定的样式，例如按钮样式。

总之，在编写CSS样式时，请记住要仔细选择您的选择器，并确保遵守最佳实践，以确保您的网页具有一致和专业的外观。