CSS 扁平化是一種設(shè)計趨勢，它強(qiáng)調(diào)簡約、明確、大膽的視覺效果。它不再使用陰影、漸變、紋理等復(fù)雜的圖案，而是使用純色塊和簡單的圖標(biāo)來代替。CSS 扁平化的理念是要去掉無用的裝飾，更加注重內(nèi)容和功能的實(shí)現(xiàn)。

/* 簡單的按鈕樣式 */
.btn {
display: inline-block;
padding: 0.5em 1em;
background-color: #1abc9c;
color: #fff;
border: none;
border-radius: 3px;
}
/* 扁平化按鈕樣式 */
.flat-btn {
display: inline-block;
padding: 0.5em 1em;
background-color: #fff;
color: #1abc9c;
border: 2px solid #1abc9c;
border-radius: 3px;
}

在上面的代碼中，我們可以看到普通的按鈕樣式和扁平化的按鈕樣式的區(qū)別。扁平化的按鈕樣式去掉了背景的漸變和陰影，使得按鈕更加簡潔明朗，而且通過改變邊框的顏色和厚度，增加了按鈕的立體感。

扁平化設(shè)計風(fēng)格在移動端頗為流行，因?yàn)樗軌蚴菇缑娓痈蓛艉唵危層脩舾菀渍业胶褪褂媚繕?biāo)功能。不過，要注意的是扁平化風(fēng)格雖然看起來簡單，但是設(shè)計還是需要有層次感和色彩搭配，不然就會顯得很平淡無味，甚至讓用戶無法找到需要的內(nèi)容，達(dá)不到好的用戶體驗(yàn)。