在現代網絡中，網頁是人們獲取信息不可或缺的一種方式。而網頁的視覺效果，則直接關系到用戶對網頁的使用體驗和評價。那么，如何使用CSS來制作一個基礎網頁呢？接下來，讓我們一起來學習。
<html>
<head>
<title>這是網頁標題</title>
<style>
body {
margin: 0;
padding: 0;
}
header {
width: 100%;
height: 80px;
background-color: #333;
color: #fff;
text-align: center;
line-height: 80px;
}
nav {
height: 50px;
background-color: #fff;
text-align: center;
line-height: 50px;
}
section {
width: 80%;
margin: 20px auto;
text-align: justify;
}
footer {
width: 100%;
height: 50px;
background-color: #ccc;
text-align: center;
line-height: 50px;
}
</style>
</head>
<body>
<header>這是頭部</header>
<nav>這是導航欄</nav>
<section>
<p>這是正文內容，可根據需要進行修改。</p>
<p>在此處可以編寫更多的內容。</p>
</section>
<footer>這是底部</footer>
</body>
</html>以上是一個最基礎的網頁結構，其中頭部使用<header>標簽，導航欄使用<nav>標簽，正文內容使用<section>標簽，底部使用<footer>標簽。
在樣式中，我們設置了body的margin和padding都為0，保證網頁在不同的瀏覽器中顯示效果一致。頭部和底部設置了相同的高度和居中對齊，并使用背景色和文本顏色進行區分。導航欄和正文內容也進行了樣式設定，使其在視覺上更為舒適。
通過以上代碼和分析，我們可以初步掌握使用CSS制作基礎網頁的技能，也可以根據自己的需求進行樣式設定，讓網頁更加美觀。