CSS初級教程邊界和補白_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
邊界margin和補白padding(依據國內出版社的翻譯慣例,margin被翻譯成邊界,padding被翻譯成補白,譯者依照習慣翻譯。但譯者認為,margin翻譯成外邊距,padding翻譯成內邊距更為直白和形象。你可以依據自己的習慣來適應這兩種不同的譯法。——譯者注)是隔開元素最常用的兩個屬性。邊界是元素外邊的距離,而補白則是元素內部的距離。
為h2改進代碼如下:
你可以看到二級標題外圍有一個字符的寬度,還很臃腫,因為在二級標題內部有3個字符寬度的補白。
元素的四邊可以設置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是無需解釋的屬性(看看英文字面意思啦)。
為h2改進代碼如下:
示例代碼 [www.zhaotila.cn]
h2 {
font-size: 1.5em;
background-color: #ccc;
margin: 1em;
padding: 3em;
}
font-size: 1.5em;
background-color: #ccc;
margin: 1em;
padding: 3em;
}
你可以看到二級標題外圍有一個字符的寬度,還很臃腫,因為在二級標題內部有3個字符寬度的補白。
元素的四邊可以設置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是無需解釋的屬性(看看英文字面意思啦)。
相關CSS教程:
- 相關鏈接:
- 教程說明:
CSS教程-CSS初級教程邊界和補白
。