Ionic 是一個基于 HTML、CSS 和 JavaScript 技術棧的混合型移動應用開發框架，它允許使用 Web 技術構建 iOS、Android、PWA 等移動平臺的原生應用。在 Ionic 中，我們可以使用 CSS 修改應用的樣式，通過修改樣式來實現自定義的 UI 和交互效果。

例如，在修改按鈕樣式時，我們可以在 global.scss 文件中添加以下代碼：
/* 自定義按鈕的樣式 */
.custom-button {
padding: 0.5rem 1rem;
border-radius: 4px;
font-size: 1.2rem;
background-color: #398dde;
color: #fff;
}
在 HTML 文件中使用新樣式：自定義按鈕這會使我們的按鈕具有圓角、背景色和文本顏色等自定義樣式。

在 Ionic 中，還可以使用變量來快速修改應用的顏色、字體、邊距等屬性。Ionic 為我們提供了一系列內置的變量，在不同的 Sass 文件中定義。我們可以在自己的 Sass 文件中引用這些變量，從而快速實現樣式的修改。

例如，在修改應用的主題色時，我們可以在 variable.scss 文件中找到以下變量：
/* 應用的主題色 */
$ion-color-primary: #3880ff;
在自己的 Sass 文件中引用變量：
/* 引用 Ionc 的主題色變量 */
@import '~@ionic/angular/css/variable';
/* 自定義應用的主題色 */
$ion-color-primary: #ff5722;
這會使我們的應用主題色從原來的藍色變為橙色。

總之，通過修改 CSS 樣式和變量，我們可以輕松地個性化我們的 Ionic 應用，并實現多樣化的 UI 和交互效果。