CSS的margin-top和margin-bottom屬性怎么使用

這篇“CSS的margin-top和margin-bottom屬性怎么使用”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“CSS的margin-top和margin-bottom屬性怎么使用”文章吧。

CSS margin屬性

邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白.。可以查看盒模式,了解邊外補白和邊內(nèi)補白，邊外補白分為上邊外補白(top),下邊外補白(bottom),左邊外補白(left),右邊外補白(right).，邊外補白只有寬度width一種屬性.。

margin -- 定義邊外補白

取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 邊外補白寬度
inherit: 繼承
初始值: 0
繼承性: 否
適用于: 所有元素,除了 table-caption, table 和 inline-table
margin，中文"邊、頁邊"的意思

CSS margin-top 屬性

margin-top -- 定義上邊外補白

取值: <margin-width> | inherit
<margin-width>: 上邊外補白的寬度
inherit: 繼承

初始值: none
繼承性: 否
適用于: 所有元素

margin:邊外補白,top:上

示例

p#top  {   margin-top: 12px;  }

CSS margin-bottom屬性

margin-bottom -- 定義下邊外補白

取值: <margin-width> | inherit
<margin-width>: 下邊外補白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用于: 所有元素
margin:邊外補白,bottom:下

示例

p#bottom  {   margin-bottom: 12px;  }

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

以上就是關(guān)于“CSS的margin-top和margin-bottom屬性怎么使用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道。