隨著體育運動在人們生活中的重要性越來越受到關注，越來越多的人開始需要了解、收集體育資料。設計一款體育資料網頁，能夠為大眾提供便捷的體育知識獲取方式，為體育愛好者提供一個交流的平臺，成為追求健康生活的人們最喜愛的網站。

在這個網頁的設計中，CSS起到了非常重要的作用。下面我們將分別介紹主頁的設計以及內部文章的設計。

/* 主頁 */ 
body {
font-family: Arial, sans-serif;
background-color: #F5F5F5;
margin: 0;
}
header {
background-color: #333333;
color: #FFFFFF;
padding: 10px;
}
nav {
background-color: #FFFFFF;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
nav li {
float: left;
}
nav li a {
display: block;
color: #333333;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
nav li a:hover {
background-color: #F5F5F5;
}
section {
background-color: #FFFFFF;
padding: 10px;
margin: 10px;
text-align: center;
}
footer {
background-color: #333333;
color: #FFFFFF;
text-align: center;
padding: 10px;
}
/* 文章頁面 */
article {
background-color: #FFFFFF;
padding: 10px;
margin: 10px;
border: 1px solid #333333;
}
h1 {
font-size: 36px;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
p {
font-size: 18px;
line-height: 25px;
margin: 20px 0;
text-indent: 2em;
}
blockquote {
font-style: italic;
margin: 20px;
padding: 10px;
background-color: #F5F5F5;
}

通過以上的CSS代碼，我們可以實現主頁的黑色頂部導航欄、白色底部導航欄，以及內容區的居中排版，文章頁面的一些格式化設置。同時，還需要根據實際情況添加其他樣式的CSS。

如此設計的體育資料網頁，外觀清新、整潔，內容合理分類、易于操作。用戶可以通過簡單的幾步找到所需的體育資料，而專業的體育運動討論區可以讓愛好者交流學習，為體育知識的傳播提供便捷的途徑。