HTML中margin與padding的區(qū)別

2024-04-19 分類(lèi)：網(wǎng)站建設(shè)

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

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

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

網(wǎng)頁(yè)標(biāo)題：HTML中margin與padding的區(qū)別
鏈接地址：http://muchs.cn/news39/324289.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、用戶(hù)體驗(yàn)、關(guān)鍵詞優(yōu)化、小程序開(kāi)發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容