現如今，互聯網已經成為人們生活中不可或缺的一部分，網站設計十分重要。優秀的網站需要有良好的用戶體驗，而CSS的運用無疑是其中不可或缺的部分。

優秀的CSS設計不僅可以讓網站的布局更加美觀，同時也可以提升用戶體驗。傳統的網頁設計注重信息的呈現，而現代網頁設計則注重個性化和用戶感受，因此設計師在網頁布局和動畫方面不斷進行創新。

.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
.header {
font-size: 4rem;
color: #333;
padding-bottom: 2rem;
}
.sub-header {
font-size: 2rem;
color: #333;
padding-bottom: 4rem;
}
.button {
background-color: #FFA500;
border: none;
color: #fff;
padding: 1rem 2rem;
font-size: 1.5rem;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.button:hover {
background-color: #F08080;
}

以上的代碼是一個典型的現代網頁設計布局。其中，我們運用了flex布局并設置了垂直居中，使網站的排版更加美觀。同時，利用transition指令，我們為網站的按鈕添加了動效，增加了用戶的互動感受。

因此，CSS的運用對于網頁設計至關重要。懂得運用CSS設計的人，一定能夠創造出更加美觀、舒適的網頁。