盒模型的概念及使用

首先，我們要先了解什麼是盒模型。盒模型是css佈局的基石，它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣的外形和平面空間。即都包含內容區、補白（填充）、邊框、邊界(外邊距)，如下圖： 我們先在H5中定義一個元素 查看代碼之後，如下： 可以看見實際內容去變小了，但是元素實際所佔區域還是沒變，這就是怪異盒模型，而我們的按鈕標籤就是一個典型的怪異盒模型，例子如下：

>>阅读原文<<