這個網頁使用了CSS來展示內容和布局。在HTML中，通過使用pre標簽可以讓代碼格式的變得更加清晰易讀。

body{
font-family: Arial, sans-serif;
background-color: #F7F7F7;
}
h1{
color: #333;
text-align: center;
}
p{
font-size: 16px;
line-height: 1.5;
color: #555;
}
.container{
width: 980px;
margin: 0 auto;
background-color: #FFF;
padding: 20px;
}
.button{
display: inline-block;
padding: 10px 20px;
background-color: #FFD700;
color: #FFF;
font-size: 18px;
border-radius: 5px;
text-decoration: none;
transition: all 0.3s ease;
}
.button:hover{
background-color: #FFA500;
}

以上代碼是這個網頁中使用的CSS樣式表。它定義了網頁的字體、顏色、布局、響應式設計等方面的屬性。例如，我們可以看到container類指定了網頁的最大寬度和居中顯示，button類定義了按鈕的樣式和鼠標滑過的變化。

使用CSS樣式表的好處是使網頁的樣式和內容分離，使得網頁更方便維護和修改。 同時，它也可以有效提高網頁的速度和性能，因為瀏覽器只需要加載一次樣式表而不是每個HTML頁面都需要下載相同的樣式。