溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下CSS中框模型是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
元素框的最內一小部分是實際的內容，直接解圍模式的是內邊距。內邊距呈現了元素的后援。內邊距的邊際是邊框。邊框以外是外邊距，外邊距默許是透亮的，因此不會遮擋厥后的任何元素。
暗指：配景運用于由形式和內邊距、邊框構成的地區。
內邊距、邊框與外邊距都是可選的，默認值是零。可是，許多元素將由用戶署理格式表設置外邊距和內邊距。興許通過將元素的 margin 與 padding 設置為零來覆蓋這些瀏覽器款式。這能夠別離進行，也興許使用通用決意器對所有元素進行設置裝備擺設：
* {
margin: 0;
padding: 0;
}在 CSS 中，width 和 height 指的是內容周邊的寬度和高度。增長內邊距、邊框與外邊距不會影響內容地區的尺寸，然則會增加元素框的總尺寸。
若是框的每一個邊上有 10 個像素的外邊距與 5 個像素的內邊距。如果但愿這個元素框抵達 100 個像素，就緊要將內容的寬度設置為 70 像素，請看下圖：
#box {
width: 70px;
margin: 10px;
padding: 5px;
}暗示：內邊距、邊框與外邊距能夠使用于一個元素的悉數邊，也或許運用于徑自的邊。
默示：外邊距或者是負值，何況在很多狀況下都要使用負值的外邊距。
以上是“CSS中框模型是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
