在web開發中，CSS是一個很強大的工具，不僅可以讓網頁布局更加美觀，還可以對網頁進行基礎的交互設計。CSS樣式表的適用不僅局限于電腦頁面，在手機頁面設計也是非常重要的。

@media screen and (max-width: 320px) {  /*在移動設備上可以使用媒體查詢*/
body {
width: 100%;
}
.container {
width: 100%;
padding: 10px;
}
}

其中，max-width:320px意味著當屏幕寬度小于等于320像素時，應用這組樣式。

在手機頁面設計中，顏色漸變是一種非常流行的設計元素，可以讓頁面更加美觀和生動。可以使用如下的CSS屬性來實現顏色漸變：

background: linear-gradient(to right, #ff6600, #33ccff); /*設置背景顏色漸變*/
border: 1px solid #000;

其中，to right表示顏色漸變方向是從左往右，#ff6600和#33ccff是漸變的起止顏色，可以根據需求進行調整。

除了以上代碼，還可以深入了解CSS樣式表中的更多屬性，例如：text-align、font-size、margin等等，通過學習這些屬性，可以設計更加優雅和美觀的手機頁面。