同一段 HTML 代碼，在不同的 CSS 嵌套下，可以產生不同的外觀和風格。然而，在網頁設計和開發過程中，為了測試不同的 CSS 對網頁的影響，通常需要多次來回進行更改、儲存與測試，這不僅耗時，效率也不高，而藉助 Live CSS Tester 這個免費工具，可讓我們直接在網頁進行 CSS 更改並直接呈現效果。

網頁開發免不了要使用到 Button 元件，若要講究美觀，甚至是滑鼠游標移到 Button 上方 Button 還能做出回應，那麼就需要搭配使用 CSS，如果不想花太多時間在 CSS 語法的研究上，那麼，你可以來 UI Buttons 這個網站尋找適合自己網頁使用的 Button 範例。

Meta Description 和 Meta Tag 是 HTML 中的 元素屬性。 Meta Description 用於提供網頁內容的簡要描述，通常為一個短句或幾個詞彙，幫助搜索引擎和用戶了解網頁主題。 Meta Tag 用於指定網頁的關鍵字。儘管這兩個 Meta 標籤不會在網頁上顯示，但它們對於提高網頁在搜索引擎中的展現和排名非常有幫助。

HTTP 404是一個 HTTP 狀態代碼，表示頁面未找到，當用戶嘗試訪問一個不存在的網頁或資源時，伺服器就會返回 404 狀態碼，以告知用戶請求的頁面或資源無法找到。因此，建置網站時，可以用網站伺服器的預設 404頁面，亦可以自行替換成自己製作的 404頁面。如果只想要與預設的有所差別，可以來 Free HTML 404 page templates 這個網站找一個適合自己網站用的 404頁面。

資料庫的設計是一個重要的步驟，它影響了資料的組織、存取和管理，一個好的資料庫設計可以提高資料的品質、效率和安全性，為了設計一個適當的資料庫，我們需要先建立一個 ER（Entity-Relationship）實體關係圖，它是一種用來描述資料庫中實體（資料表）、屬性（欄位）和關係（鍵）的圖形表示法。

Tailwind 是一個用於網頁開發的 CSS 框架，它提供了一套預先定義好的 CSS 類別，這些類別可以用於快速構建和自定義網頁的外觀和排版。換句話說，使用 Tailwind CSS 框架，開發者無需從頭學習原生的 CSS 語法，而是通過使用直觀且有意義的 CSS 類別，就能夠輕鬆地調整和設置元素的樣式和排版。