width 屬性指定了元素內容區的寬度
height 屬性指定了元素內容區的高度。
取值：
長度單位（px值）
百分比 參照的是其包含塊的寬度/高度
auto
瀏覽器將會為指定的元素計算並選擇乙個寬度.
width
: 200px;
height
: 200px;
初始值 auto
是否是繼承屬性 否
當前元素width = 包含塊width - 當前元素padding,border,margin之和。
min-width 屬性為給定元素設定最小寬度。它可以阻止 width 屬性的應用值小於 min-width 的值。
max-width 屬性用來給元素設定最大寬度值。定義了max-width的元素會在達到max-width值之後避免進一步按照width屬性設定變大.。
取值：與width一致 沒有auto。有none
取值為null時，代表元素未設定最大最小值
語法：
max
-width：none
min-width：none
初始值：none
是否是繼承屬性 否
padding本質上是padding-bottom,padding-left,padding-right,padding-top的簡寫屬性。
取值：
長度單位（px）
百分比 參照於包含塊的width
padding: 1em 3px 30px 5px
初始值
padding-bottom: 0
padding-left: 0
padding-right: 0
padding-top: 0
是否是繼承屬性 否
指定兩個值時 ，第乙個值指定上下兩邊的內邊距 第二個指定左右兩邊的內邊距；
指定三個值時 ，第乙個指定上邊的內邊距.第二個指定左右兩邊 第三個指定下邊；
指定四個值時分別為上 右 下 左（順時針順序）；
css的border屬性是乙個用於設定各種單獨的邊界屬性的簡寫屬性。border可以用於設定乙個或多個以下屬性的值： border-width, border-style, border-color。
1、border-width
border-width屬性用來決定盒子邊框的寬度。border-width本身也是border-top-width,border-right-width,border-bottom-width,border-left-width的簡寫屬性。
取值：
關鍵字
thin ,medium ,thick
長度單位（px值）
border-width: 5px;
初始值：
border-top-width: medium
border-right-width: medium
border-bottom-width: medium
border-left-width: medium
是否是繼承屬性 否
border-styleborder-style用來設定元素所有邊框的樣式。是 border-top-style
border-right-style,border-bottom-style,border-left-style的簡寫屬性，
取值：
語法：
border-style: dashed;
初始值：
border-top-style: none
border-right-style: none
border-bottom-style: none
border-left-style: none
是否是繼承屬性 否
是否是繼承屬性 否
margin屬性為給定元素設定所有四個（上下左右）方向的外邊距屬性。這是四個外邊距屬性設定的簡寫。四個外邊距屬性設定分別是： margin-top， margin-right， margin-bottom 和 margin-left 。指定的外邊距允許為負數
取值：
長度單位（px）
百分比 參照於包含塊的width
auto:元素的水平居中
margin: 1em 3px 30px 5px
初始值
margin-bottom: 0
margin-left: 0
margin-right: 0
margin-top: 0
是否是繼承屬性 否
指定兩個值時 ，第乙個值指定上下兩邊的內邊距 第二個指定左右兩邊的內邊距；
指定三個值時 ，第乙個指定上邊的內邊距.第二個指定左右兩邊 第三個指定下邊；
指定四個值時分別為上 右 下 左（順時針順序）；
CSS之盒模型
怎麼理解盒子模型？盒子模型是樣式表 css 控制頁面的很重要的概念。如果理解了盒子模型和其中每個元素的用法，才能熟練使用css的定位方法和技巧。所有的頁面的元素都可以看成是乙個盒子，佔據一定的頁面空間。佔據的空間要比實際使用的空間要大得多。我們可以調整盒子的邊框和距離，來調整盒子 頁面和頁面中的元素...
CSS總結之盒模型及布局
布局屬性 盒子模型，英文即box model。無論是div span 還是a都是盒子。但是，表單元素一律看作是文字，它們並不是盒子。這個很好理解，比如說，一張裡並不能放東西，它自己就是自己的內容。css盒模型，包含元素內容content，內邊距padding，邊框border，外邊距margin。元...
css盒模型有哪些屬性
css盒模型是定義元素周圍的間隔 尺寸 外邊距 邊框以及文字內容和邊框之間內邊距的一組屬性的集合。示例 效果圖 由此可見 外邊距margin是不可見的，如果設定了父元素的背景，就可以看到 背景色在邊框區域設定乙個不同的背景，就可以看到內邊距 padding 區域。並且盒模型是由margin 外邊界 ...