盒模型的概念及使用

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