CSS是一種對網頁進行樣式和布局控制的語言，而柵格布局是CSS中最常用的布局方案之一。

柵格布局可以將網頁劃分為多個等寬的列，在每個列中放置內容，從而實現快速、簡便的布局控制。

.container {
display: grid;
grid-template-columns: repeat(12, 1fr); /* 將容器劃分為12個列 */
grid-gap: 1rem; /* 設置列之間的間距 */
}
.col-1 {
grid-column: 1 / span 1; /* 該列占據第1列 */
}
.col-3 {
grid-column: 4 / span 3; /* 該列占據第4列至第6列 */
}
.col-9 {
grid-column: 4 / span 9; /* 該列占據第4列至第12列 */
}

上面的代碼片段示范了如何使用柵格布局控制網頁內容。首先定義一個容器，設置其分為12個等寬的列，并設置列與列之間的間距。然后，通過為每個內容區塊指定占據的列數，可以輕松實現布局的控制。

這種柵格布局方案能夠將網頁各個部分的排列整齊統一，使得網頁看起來更加美觀、整潔。同時，由于網頁布局的可重復性，也能夠大大提高開發效率。