Primeng 是一個(gè)非常流行的開(kāi)源 Angular 組件庫(kù)，為 Angular 提供了豐富的 UI 組件，可以幫助我們快速地創(chuàng)建出美觀并且功能強(qiáng)大的頁(yè)面。其中，Primeng CSS 是一個(gè)非常重要的部分，它定義了 Primeng 組件的樣式，并且通過(guò)使用一些預(yù)設(shè)的樣式類(lèi)，可以方便地修改和調(diào)整組件樣式。

我們可以使用 CSS 樣式表，或者在組件中使用內(nèi)聯(lián)樣式，來(lái)修改 Primeng 組件的樣式。但是，使用 Primeng 樣式類(lèi)會(huì)更加簡(jiǎn)單和便捷。

下面是一些常見(jiàn)的 Primeng 樣式類(lèi)：

.ui-button {
padding: .5em 1.5em;
font-size: 1em;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
border: none;
border-radius: .25em;
overflow: hidden;
transition: all .2s ease;
}

通過(guò)在組件標(biāo)簽中添加這些樣式類(lèi)，就可以輕松地修改組件樣式。比如，為一個(gè)按鈕組件添加陰影效果，只需要添加ui-shadow樣式類(lèi)：

<p-button label="Click me" class="ui-shadow"></p-button>

除了常見(jiàn)的樣式類(lèi)之外，Primeng 還提供了一些特殊的樣式類(lèi)，用于修改組件的細(xì)節(jié)樣式。比如，ui-carousel-item用于修改輪播組件的每一個(gè)元素的樣式。

總之，Primeng CSS 是 Primeng 組件庫(kù)中的一個(gè)重要組成部分，使用 Primeng 樣式類(lèi)可以幫助我們快速地修改和調(diào)整組件樣式，使我們的頁(yè)面更美觀、更易用。