把 CSS 寫到頁面上可以使得網站的布局和樣式更加靈活，可以讓網站看起來更加美觀和易于使用。下面是一些將 CSS 寫到頁面上的步驟：

1. 選擇適當的 HTML 標簽：在編寫 CSS 之前，需要選擇適當的 HTML 標簽。例如，需要使用 `div` 標簽來創建水平布局，使用 `p` 標簽來創建垂直布局。

2. 添加 CSS 樣式表：在 HTML 文件中，可以通過添加一個 `style` 標簽來添加 CSS 樣式表。這個樣式表可以包括屬性值，如顏色、字體、大小等，以及樣式規則，如邊框、背景等。

3. 將 CSS 樣式應用到 HTML 元素中：在 CSS 樣式表中，可以通過使用 `style` 標簽來設置屬性值，然后將它們應用到 HTML 元素中。例如，可以使用 `style` 標簽來設置元素的字體大小，然后將其應用到該元素中。

4. 調整樣式：在編寫 CSS 樣式表時，需要不斷地調整樣式以適應不同的網站布局和樣式需求。可以通過查看網站的源代碼來檢查樣式的執行情況，并根據需要進行修改和調整。

5. 測試和調試：在將 CSS 應用到頁面上之前，需要測試和調試以確保其正確執行。可以使用瀏覽器的開發者工具來查看元素的樣式，并檢查它們是否按照預期進行調整。

將 CSS 寫到頁面上可以使得網站的布局和樣式更加靈活，并且可以更好地滿足用戶的需求。通過選擇合適的 HTML 標簽、添加 CSS 樣式表、調整樣式和測試和調試，可以編寫出更加美觀和易于使用的網站。