在現代社會中，手機已經成為人們生活中不可或缺的工具。而隨著智能手機的普及，手機上的網頁瀏覽也成為了人們日常生活中必不可少的事情。針對手機網頁設計，CSS的使用非常重要。接下來，我們將來介紹手機靜態頁面CSS的相關知識。

@media only screen and (min-width: 320px) and (max-width: 719px) {
/* CSS代碼 */
}

上述代碼是一個媒體查詢，它告訴瀏覽器當前屏幕寬度的大小范圍。這在手機上很重要，因為不同尺寸的手機屏幕有不同的寬度。通過CSS中的媒體查詢，我們可以根據屏幕的寬度來決定不同的樣式表。這樣便可以為不同尺寸的手機屏幕設置不同的樣式。

body {
margin: 0;
padding: 0;
font-size: 14px;
}
.container {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
h1 {
font-size: 28px;
line-height: 1.5;
text-align: center;
margin: 20px 0;
}
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
}
.btn {
display: block;
width: 100%;
max-width: 200px;
margin: 0 auto;
background: #333333;
color: #FFFFFF;
text-align: center;
text-decoration: none;
padding: 10px;
border-radius: 5px;
}

上述代碼是一個典型的手機靜態頁面CSS樣式表。在這個樣式表中，我們定義了一些常用的網頁元素，如body、container、h1、p和.btn等。這些元素組合在一起，可以創建出漂亮的手機網頁。比如，我們用.container元素來包含整個頁面的內容，用h1和p元素來創建標題和正文內容，用.btn元素來創建按鈕等等。

在手機靜態頁面CSS中，我們還需要注意一些細節。比如，我們在創建樣式表時，需要設置合適的字體大小、行高和文本對齊等樣式。這些樣式可以幫助我們在手機上更好地展現網頁內容。此外，我們還需要使用CSS中的邊框、背景和圓角等樣式來美化頁面，使其更符合用戶的審美需求。

總之，CSS在手機靜態頁面設計中非常重要。只有掌握好CSS的相關知識，才能設計出好看、易用、流暢的手機網頁。如果您想要了解更多有關手機靜態頁面CSS的知識，可以參考相關書籍和文章，以便更好地提高您的設計技能。