HTML中margin與padding的區別

2024-04-19 分類：網站建設

我們以DIV為一個盒子為例，既然和現實生活中的盒子一樣，那我們想一下，生活中的盒子內部是不是空的好用來存放東西，而里面存放東西的區域我們給他起個名字叫“content(內容)”，而盒子的紙壁給他起個名字叫“border(邊框)”，如果盒子內部的東西比如是一塊硬盤，但是硬盤怕震動，所以我們需要在硬盤的四周盒子的內部均勻填充一些防震材料，這時硬盤和盒子的邊框就有了一定的距離了，我們稱這部分距離叫“padding(內邊距)”，如果我們需要購買許多塊硬盤，還是因為硬盤怕震動所以需要在盒子和盒子之間也需要一些防震材料來填充，那么盒子和盒子之間的距離我們稱之為"margin(外邊距)" 好滴！盒子模型的四要素就出來了分別是：content(內容)、border(邊框)、 padding(內邊距)、margin(外邊距)

我們的頁面就是由許許多多的盒子組成的喲~~~，但是和現實生活中的盒子我們會忽略外邊距(margin)，但是在頁面中，我們是不能忽略外邊距(margin)的，只有包括外邊距的盒子模型在CSS 中才是完整的，即使外邊距為零，我們也不要忽略它，要知道他是存在的

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

網頁標題：HTML中margin與padding的區別
鏈接地址：http://m.kartarina.com/news39/324289.html

成都網站建設公司_創新互聯，為您提供Google、用戶體驗、關鍵詞優化、小程序開發、自適應網站、網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

什么是VPS托管？要考慮的VPS選項：托管與非托管VPS 2024-04-19
優秀的企業網站建設方案應該從那幾個方面著手？ 2024-04-19
顏色搭配理論知識 2024-04-19
移動端的分享功能如何運用到網站運營上(移動端上傳文件功能) 2024-04-19
了解不同的主機托管計劃中托管多個站點的選項 2024-04-19
提高關鍵詞排名需注意方面 2024-04-19
成都競價托管：互聯網推廣效果該怎樣提升 2024-04-19