盒模型 – 初始化

※ 網頁開發前必做的初始化：

目的：

• 統一不同瀏覽器的預設樣式。
• 建立一致的視覺基底。
• 減少意外排版問題。

※ 初始化有兩種：

※ reset.css操作：

網址：https://meyerweb.com/eric/tools/css/reset/

專案內容開啟新的檔案：

將內容複製貼到reset.css檔案中：

index.html：載入連結

<link rel="stylesheet" href="./css/reset.css">

畫面顯示：

※ normalize.css操作：

網址：https://necolas.github.io/normalize.css/

下載檔案：

將內容複製或另存貼到normalize.css檔案中：

index.html：載入連結範例

<link rel="stylesheet" href="./css/normalize.css">

畫面顯示：