在網頁制作中，CSS的作用是控制網頁的樣式和布局，可以讓網頁更加美觀和有吸引力。下面就來介紹一下用CSS制作一個簡易博客的過程。

首先，我們需要準備一個HTML文件，該文件包含所有的博客內容和結構。創建好HTML文件后，我們可以在標簽中引入CSS文件：

在CSS文件中，我們可以設置博客的各種樣式和布局，例如標題、正文、側邊欄、導航欄等。以下是一個簡單的CSS樣式代碼：

/* 標題樣式 */
h1 {
font-size: 32px;
font-weight: bold;
color: #333;
margin-bottom: 20px;
}
/* 正文樣式 */
p {
font-size: 16px;
line-height: 1.5;
color: #666;
margin-bottom: 20px;
}
/* 側邊欄樣式 */
.sidebar {
width: 300px;
margin-left: 20px;
float: right;
}
/* 導航欄樣式 */
.nav {
background-color: #f0f0f0;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.nav a {
color: #333;
text-decoration: none;
font-size: 18px;
margin-right: 20px;
}

在CSS樣式代碼中，我們可以看到各種樣式的設置方式。例如，可以使用標簽選擇器（h1、p）選擇HTML中的標簽進行設置。也可以使用class（.sidebar）選擇HTML中對應的class進行設置。此外，還可以設置背景顏色、文字大小、行高、字體等屬性。

當CSS樣式代碼編寫完成后，我們可以在網頁中看到博客的樣式已經改變了。通過CSS的設置，博客變得更加美觀、整潔、有序，提高了用戶的閱讀體驗。