CSS是一種用于樣式設計的語言，常常用于網站開發。它可以添加樣式到HTML文檔中，如字體、顏色、布局和動畫等。在移動端和網頁端開發中都極為重要。

在移動端，CSS的主要作用是適配不同的設備尺寸。通過媒體查詢，我們可以針對不同的屏幕大小、瀏覽器環境和設備類型設置不同的樣式。例如：

@media only screen and (max-width: 768px) {
/* styles for mobile devices */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* styles for tablets */
}
@media only screen and (min-width: 1024px) {
/* styles for desktops */
}

在網頁端，CSS的作用更加廣泛。它可以美化頁面、提高用戶體驗、增加交互效果等。以下是一些常見的CSS樣式：

/* 設置文本顏色 */
p {
color: #333;
}
/* 設置元素邊框 */
div {
border: 1px solid #ccc;
}
/* 設置字體大小 */
h1 {
font-size: 2rem;
}
/* 設置背景圖片 */
body {
background-image: url('bg.jpg');
}
/* 動畫效果 */
button {
transition: background-color 0.3s ease;
}

需要注意的是，在設計移動端網頁時，我們應該關注用戶體驗，盡量避免使用過多動畫或復雜的樣式。