在網站設計中，CSS樣式的應用尤為重要，它可以使網站更加美觀，易于維護。而使用CSS整站視頻，可以使學習CSS更加生動有趣，讓大家更好地掌握CSS。

@media screen and (max-width: 600px) {
body {
background-color: #f6f6f6;
}
.main{
width: 100%;
margin: 0;
padding: 10px;
}
.header, .footer{
display: none;
}
.nav{
width: 100%;
margin:0;
padding: 5px;
}
.nav li{
width: 25%;
text-align: center;
}
}

以上是一個響應式布局的示例代碼，可以看到，在屏幕寬度小于600px的情況下，會將背景色設為灰色，讓網站更加清晰易讀；將主體內容寬度設置為100%，去掉外邊距和內邊距，使得網頁更加適應不同的設備。同時，頭部和尾部都被隱藏，使得內容更加緊湊，而導航欄則將寬度設置為100%，每個選項占25%，更適應小屏幕設備的操作。

通過整站視頻學習CSS，可以讓我們更加深入地理解CSS的應用，讓CSS不僅僅是一門技能，而成為我們設計網站的藝術。