隨著技術的不斷進步，CSS也在不斷地更新與升級，為我們提供更加便利的開發方式。以下是一些新的變化：

p {
grid-template: repeat(3, 1fr) / repeat(4, 1fr);
grid-gap: 20px;
}

CSS Grid是一項新的技術，已經引起了越來越多的注意。對于網站布局，Grid能夠為我們提供更加靈活的方式。例如上面這段代碼定義了一個3 x 4 網格布局，并且在網格元素之間添加了20像素的間隙。

.dropdown-menu::before {
content: '';
position: absolute;
left: 0;
top: -6px;
border: 6px solid transparent;
border-bottom-color: #fff;
}

CSS中的偽元素也有了新的用法。在上面的代碼中，我們使用了“::before”偽元素來創造一個三角形，它是下拉菜單的指示器。

@media screen and (min-width: 768px) {
.container-fluid {
max-width: 750px;
}
}

在響應式設計方面，我們可以使用媒體查詢來根據不同的屏幕尺寸來調整樣式。例如上面的代碼，是說當屏幕最小寬度為768像素時，容器的最大寬度將調整為750像素。

總的來說，CSS的新變化使我們能夠更加方便地進行網站設計與開發。從網站布局到響應式設計，CSS不斷向我們展示著強大的潛力。