CSS初級(jí)教程邊界和補(bǔ)白_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
邊界margin和補(bǔ)白padding(依據(jù)國(guó)內(nèi)出版社的翻譯慣例,margin被翻譯成邊界,padding被翻譯成補(bǔ)白,譯者依照習(xí)慣翻譯。但譯者認(rèn)為,margin翻譯成外邊距,padding翻譯成內(nèi)邊距更為直白和形象。你可以依據(jù)自己的習(xí)慣來(lái)適應(yīng)這兩種不同的譯法。——譯者注)是隔開(kāi)元素最常用的兩個(gè)屬性。邊界是元素外邊的距離,而補(bǔ)白則是元素內(nèi)部的距離。
為h2改進(jìn)代碼如下:
你可以看到二級(jí)標(biāo)題外圍有一個(gè)字符的寬度,還很臃腫,因?yàn)樵诙?jí)標(biāo)題內(nèi)部有3個(gè)字符寬度的補(bǔ)白。
元素的四邊可以設(shè)置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是無(wú)需解釋的屬性(看看英文字面意思啦)。
為h2改進(jìn)代碼如下:
示例代碼 [hl5o.cn]
h2 {
font-size: 1.5em;
background-color: #ccc;
margin: 1em;
padding: 3em;
}
font-size: 1.5em;
background-color: #ccc;
margin: 1em;
padding: 3em;
}
你可以看到二級(jí)標(biāo)題外圍有一個(gè)字符的寬度,還很臃腫,因?yàn)樵诙?jí)標(biāo)題內(nèi)部有3個(gè)字符寬度的補(bǔ)白。
元素的四邊可以設(shè)置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是無(wú)需解釋的屬性(看看英文字面意思啦)。
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- XHTML入門學(xué)習(xí)教程:簡(jiǎn)單網(wǎng)頁(yè)制作
- HTML初級(jí)教程表格table
- HTML表格標(biāo)記教程(35):跨列屬性COLSPAN
- HTML中級(jí)教程不良標(biāo)簽
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- 揭開(kāi)HTML 5工作草稿的神秘面紗
- HTML表單標(biāo)記教程(3):輸入標(biāo)記
- XHTML標(biāo)簽的自關(guān)閉的寫法應(yīng)該注意的問(wèn)題
- HTML表格標(biāo)記教程(45):表格的表主體標(biāo)記
- HTML表格標(biāo)記教程(2):表格的邊框?qū)傩訠ORDER
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-CSS初級(jí)教程邊界和補(bǔ)白
。