手機瀏覽器的排版方式與電腦端瀏覽器有些不同，因此手機頁面需要適應不同的屏幕尺寸和設備類型。添加CSS可以幫助我們控制頁面的外觀和布局，讓頁面更符合我們的需求。
<head>
<meta charset="UTF-8">
<title>我的手機頁面</title>
<style>
body {
background-color: #f8f8f8;
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
color: #333;
font-size: 32px;
text-align: center;
}
</style>
</head>
<body>
<h1>歡迎來到我的手機頁面</h1>
<p>這里是頁面的內容。</p>
</body>在上面的代碼中，我們使用<style>標簽添加了一些CSS規則。首先，我們改變了body元素的背景顏色和字體樣式。然后，我們設置了h1元素的顏色、字體大小和居中對齊。最后，我們將這些樣式應用到了頁面的不同元素中。
當頁面變小，我們可以適當地修改CSS樣式，例如可以讓文字更小，重新排列布局，甚至可以通過在CSS中使用@media規則來針對不同的屏幕尺寸應用不同的樣式。
因此，添加CSS是我們設計手機頁面時的必要步驟。我們可以通過<style>標簽將樣式直接嵌入到HTML文檔中，也可以使用外部樣式表，從而使HTML文檔更簡潔明了。