国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS基礎(chǔ)入門教程:理解盒子模型

2024-07-11 09:03:12
字體:
供稿:網(wǎng)友

武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介:什么是盒子模型?對(duì)于初學(xué)者來說,很難說出來,但是對(duì)于生活中的盒子大家熟悉吧,哈哈,這里提到的盒子模型你就可以理解成現(xiàn)實(shí)生活中的盒子就可以了,不然怎么能起個(gè)名字叫“盒子模型”呢

盒子模型,是XHTML+CSS布局頁面中的核心!要想學(xué)會(huì)用CSS布局頁面,就首先要理解盒子模型!
什么是盒子模型?對(duì)于初學(xué)者來說,很難說出來,但是對(duì)于生活中的盒子大家熟悉吧,哈哈,這里提到的盒子模型你就可以理解成現(xiàn)實(shí)生活中的盒子就可以了,不然怎么能起個(gè)名字叫“盒子模型”呢

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

OK~!這下盒子模型的四要素就出來了分別是:content(內(nèi)容)、border(邊框)、padding(內(nèi)邊距)、margin(外邊距),如下圖

CSS基礎(chǔ)入門教程:理解盒子模型


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

怎么樣,理解“盒子模型”了沒?就是這么點(diǎn)知識(shí)

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 苏尼特右旗| 石棉县| 潞城市| 陇南市| 张家口市| 金塔县| 合阳县| 游戏| 砀山县| 航空| 东至县| 毕节市| 大邑县| 文昌市| 资兴市| 南宁市| 阳山县| 昌都县| 巴里| 隆化县| 宁陕县| 稻城县| 三亚市| 娱乐| 封丘县| 新竹县| 开化县| 临高县| 龙川县| 文山县| 云龙县| 陆良县| 游戏| 麻栗坡县| 色达县| 观塘区| 建瓯市| 丰都县| 防城港市| 武义县| 邵武市|