CSS（層疊樣式表）可以幫助我們實現前端網頁的美化和功能增強。然而，當我們編寫CSS樣式時，如果代碼不規范，那么就可能出現bug和難以維護。其中一種優化CSS代碼的方法就是聲明分割。

聲明分割指的是將CSS代碼的不同部分分開，并根據選擇器或功能進行分類，使其更易于管理和查看。這種做法不僅規范了代碼的結構，還可以減少代碼的冗余性，提高代碼的可讀性。

/* 以選擇器分類 */
.header {
background-color: #ffffff;
height: 100px;
width: 100%;
}
nav {
background-color: #333333;
height: 50px;
width: 100%;
}
.banner {
background-image: url('../images/banner.jpg');
height: 500px;
width: 100%;
}
/* 以功能分類 */
.font {
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #333333;
}
.margin {
margin: 10px;
}
.padding {
padding: 20px;
}

聲明分割可以根據自己的編程習慣而定。無論采用哪種方式，只要使代碼結構更加清晰、易讀、易維護就好。