在UI設計中，CSS的應用旨在將HTML結構與美學的設計分離。通過使用CSS，您可以輕松地使您的網站或應用程序變得漂亮而直觀。

p {
font-size: 16px;
line-height: 1.5;
color: #333;
font-family: sans-serif;
}

CSS可以控制幾乎所有的網頁元素的外觀，包括字體、顏色、大小和位置。在UI設計中，CSS被廣泛使用來改善用戶體驗和美學感受。

body {
background-color: #f5f5f5;
}
header {
background-color: #333;
color: #fff;
height: 50px;
padding: 10px;
text-align: center;
}

使用CSS的另一個好處是可以為不同的設備或窗口大小優化布局。響應式設計是現代UI設計的必需品，而CSS媒體查詢技術可以實現響應式設計。

@media only screen and (max-width: 768px) {
body {
font-size: 14px;
}
header {
height: 60px;
}
}

在UI設計中，CSS也可以用來創建吸引人的動畫效果，以及為鼠標懸停、點擊和其他用戶事件提供視覺反饋。

button:hover,
a:hover {
background-color: #333;
color: #fff;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fade-in {
animation: fadeIn 1s ease;
}

總的來說，CSS在UI設計中扮演著至關重要的角色。掌握CSS技能不僅可以使您的設計更具吸引力，而且可以增強用戶體驗，吸引更多的用戶。