在網頁設計中，CSS（層疊樣式表）是必不可少的一環。設計師需要根據設計稿進行適當的CSS編寫，以確保頁面呈現出與設計稿一致的效果。

/* 樣式重置 */
body,html {
margin: 0;
padding: 0;
}
/* 頁面布局 */
.header {
width: 100%;
height: 80px;
background-color: #333;
}
.container {
width: 1200px;
margin: 0 auto;
}
.main {
width: 70%;
float: left;
background-color: #fff;
margin-top: 20px;
}
.sidebar {
width: 30%;
float: right;
background-color: #f1f1f1;
margin-top: 20px;
}
.footer {
width: 100%;
height: 50px;
background-color: #777;
}
/* 文字樣式 */
h1 {
font-size: 36px;
color: #333;
margin-top: 30px;
margin-bottom: 20px;
}
p {
font-size: 16px;
color: #666;
line-height: 1.5;
margin-bottom: 20px;
}
/* 圖片樣式 */
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

在編寫CSS時，我們需要注意樣式的繼承性和優先級，確保樣式在不同的元素中正確地生效。同時，我們還可以通過添加注釋方便地管理代碼，提高可讀性。

總之，在設計稿的基礎上，對頁面進行適當的樣式設計，可以讓網頁看起來更加美觀、清晰和易讀。同時，也可以提高用戶對網站的體驗感和使用印象。