CSS是網頁設計中不可或缺的一部分，它可以控制網頁的樣式和布局。隨著技術的不斷發展，CSS也不斷更新和增加新的模塊，下面就為大家介紹一些新增的CSS模塊。

1. CSS Grid布局

display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 100px 100px 100px;
grid-gap: 10px;

CSS Grid布局是一種新的網格布局方式，它可以在網頁中創建復雜的多列布局，使用方式簡單直觀。

2. CSS變量

:root{
--bg-color: #fff;
}
body{
background-color: var(--bg-color);
}

CSS變量允許開發者定義一些可重復使用的變量，通過該變量來控制樣式。CSS變量使得樣式的修改更加方便，也便于開發者維護樣式。

3. Scroll Snap

scroll-snap-type: y mandatory;
scroll-snap-align: center;

Scroll Snap是一種讓網頁滾動更加平滑的CSS模塊，當使用滾動條、手指等方式瀏覽網頁時，它可以自動校正滾動位置，讓網頁更加美觀和易用。

4. CSS Shapes

shape-outside: circle(50%);
float: left;

CSS Shapes可以讓網頁中的文字和元素沿著一個形狀來布局，比如可以讓文本環繞在一個圓形、三角形等形狀周圍，讓版面更加有趣和豐富。

總之，CSS的新增模塊不斷豐富了CSS的功能和表現力，使得網頁設計更加豐富和多樣化。