溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
CSS盒子模型
1 盒子的組成包括
margin外邊距、border邊框、padding內邊框和content內容
2 正文框的最內部分是實際的內容，直接包圍內容的是內邊距，內邊距呈現了元素的背景，內邊距的邊緣是邊框，邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其后的任何元素
3 內邊距、邊框和外邊距都是可選的，默認值是零，外邊距可以是負值
4 寬度width和高度height指的是內容區域的寬度和高度，增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的尺寸
5 CSS盒子模型的內邊距
內邊距在正文content外，邊框border內，控制該區域的最簡單的屬性是padding屬性，padding屬性定義元素邊框與元素內容之間的空白區域，可以進行統一的內邊距設置，也可以進行單邊的內邊距設置
6 css padding屬性定義元素的內邊距，padding屬性接受長度值或百分比值，但不允許使用負值
可以按照上、下、左、右的順序分別設置各邊的內邊距，各邊均可以使用不同的單位或百分比值
7 設置數值時，常用的單位有像素px和厘米cm
8 設置內邊距的常用屬性
屬性 | 描述 |
padding-top | 設置頂部屬性 |
padding-right | 設置右側屬性 |
padding-bottom | 設置底部屬性 |
padding-left | 設置左側屬性 |
9 CSS盒子模型的邊框
元素的邊框border是圍繞元素內容的內邊距的一條或多條線
設置border屬性可以規定元素邊框的樣式、寬度和顏色
10 在html中是使用表格來創建周圍的邊框
11 在css中是通過邊框屬性來創建出效果出色的邊框，并且可以應用于任何元素
12 使用border-color屬性來設置邊框屬性，它一次可以接受最多四個顏色值，分別是邊框的四邊，可以使用任何類型的顏色值，可以是命名顏色，也可以是十六進制和RGB值
13 css盒子模型的邊框
屬性 | 描述 |
border-top-color | 設置頂部顏色屬性 |
border-left-color | 設置左側顏色屬性 |
border-bottom-color | 設置底部顏色屬性 |
border-right-color | 設置右側顏色屬性 |
14 盒子模型的外邊距
外邊距就是圍繞在內容框的區域，默認為透明的區域
外邊距也接受任何長度的單位，百分數與內邊距很相似
使用任何一個屬性來只設置相應的外邊距，不會直接影響所有其他外邊距
15 設置外邊距的常用屬性
屬性 | 描述 |
margin-top | 設置頂部的外邊距 |
margin-bottom | 設置底部的外邊距 |
margin-right | 設置右側的外邊距 |
margin-left | 設置左側的外邊距 |
16 morgin的默認值是零，如果沒有為margin聲明一個值，就不會出現外邊距
17 對稱復制
如果缺少左外邊距的值，則是用右外邊距的值
如果缺少下外邊距的值，則使用上外邊距的值
如果缺少右外邊距的值，則使用上外邊距的值
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
