CSS模塊化是一種將CSS代碼分割成多個小塊的技術，每個小塊就是一個模塊。每個模塊都有其自己的樣式和作用范圍。CSS模塊化的作用在于增加了代碼的可讀性、維護性和可重用性。

舉個例子，比如說我們想要實現一個按鈕樣式。傳統的做法是直接在CSS文件中寫下按鈕的樣式，這樣做雖然簡單，但很難讓其他開發者讀懂并修改代碼。而采用模塊化的方式，我們可以把按鈕樣式單獨放入一個模塊中，然后在需要用到按鈕的地方導入該模塊。這樣就能把相關的樣式和代碼組合在一起，方便其他開發者閱讀和維護。

.btn {
background-color: #4caf50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
// 導入按鈕模塊并使用
import './button.css';
// HTML代碼
<button class="btn">點擊我</button>

另一個優點是，模塊化能夠避免命名沖突。在一個大型的項目中，可能會有多個開發者協同工作，每個人會寫不同的CSS代碼。如果不考慮模塊化，那么不同的開發者可能會給不同的元素設置相同的類名，這就會導致命名沖突。而采用模塊化方式，每個模塊都有自己的作用范圍，相同的類名也不會互相干擾。

總之，CSS模塊化是一種提高代碼可讀性和維護性的好方法，而且還能使得代碼更具可重用性。在實際開發中，我們可以通過CSS預處理器（如Sass、Less等）或CSS模塊化工具（如CSS Modules、styled-components等）來實現CSS模塊化。