CSS尺寸屬性是用來(lái)控制元素的大小和尺寸的屬性。常用的CSS尺寸屬性包括width、min-width、max-width、height、min-height、max-height、margin等，本篇教程將為大家詳細(xì)介紹這些屬性，并給出相應(yīng)實(shí)例。
一、CSS尺寸屬性
CSS 常用的尺寸屬性
| 屬性 | 版本 | 繼承性 | 描述 |
| width | CSS1 | 無(wú) | 定義了元素內(nèi)容區(qū)（Content Area）的寬度 |
| min-width | CSS2 | 無(wú) | 定義了元素內(nèi)容區(qū)（Content Area）的最小寬度 |
| max-width | CSS2 | 無(wú) | 定義了元素內(nèi)容區(qū)（Content Area）的最大寬度 |
| height | CSS1 | 無(wú) | 定義了元素內(nèi)容區(qū)（Content Area）的高度 |
| min-height | CSS2 | 無(wú) | 定義了元素內(nèi)容區(qū)（Content Area）的最小高度 |
| max-height | CSS2 | 無(wú) | 定義了元素內(nèi)容區(qū)（Content Area）的最大高度 |
| margin | CSS1 | 無(wú) | 為元素設(shè)置所有四個(gè)方向（上右下左）的外邊距 |
| padding | CSS1 | 無(wú) | 為元素設(shè)置所有四個(gè)方向（上右下左）的內(nèi)邊距，即內(nèi)容和元素邊界之間的空間 |
二、width屬性
width屬性用于設(shè)置元素的寬度，其語(yǔ)法如下：
width: <length> | <percentage> | auto; 其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的寬度；auto表示自動(dòng)計(jì)算寬度。
例如，設(shè)置一個(gè)元素的寬度為50%：
div {
width: 50%;
}
三、min-width屬性
min-width屬性用于設(shè)置元素的最小寬度，其語(yǔ)法如下：
min-width: <length> | <percentage> | auto;
其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的寬度；auto表示自動(dòng)計(jì)算寬度。
例如，設(shè)置一個(gè)元素的最小寬度為100像素：
div {
min-width: 100px;
}
四、max-width屬性
max-width屬性用于設(shè)置元素的最大寬度，其語(yǔ)法如下：
max-width: <length> | <percentage> | none;
其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的寬度；none表示沒(méi)有最大寬度限制。
例如，設(shè)置一個(gè)元素的最大寬度為800像素：
div {
max-width: 800px;
}
五、height屬性
height屬性用于設(shè)置元素的高度，其語(yǔ)法如下：
height: <length> | <percentage> | auto;
其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的高度；auto表示自動(dòng)計(jì)算高度。
例如，設(shè)置一個(gè)元素的高度為50%：
div {
height: 50%;
}
六、min-height屬性
min-height屬性用于設(shè)置元素的最小高度，其語(yǔ)法如下：
min-height: <length> | <percentage>; 其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的高度。
例如，設(shè)置一個(gè)元素的最小高度為100px：
div {
min-height: 100px;
}
七、max-height屬性
max-height屬性用于設(shè)置元素的最大高度，其語(yǔ)法如下：
max-height: <length> | <percentage>;
其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的高度。
例如，設(shè)置一個(gè)元素的最大高度為200px：
div {
max-height: 200px;
}
八、margin屬性
margin屬性用于設(shè)置元素的外邊距，其語(yǔ)法如下：
margin: <length> | <percentage> | auto;
其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的寬度或高度；auto表示自動(dòng)計(jì)算外邊距。
例如，設(shè)置一個(gè)元素的上外邊距為10px，左右外邊距為20px：
div {
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
九、padding屬性
padding屬性用于設(shè)置元素的內(nèi)邊距，其語(yǔ)法如下：
- padding: <length> | <percentage> | auto;
- 其中，<length>表示長(zhǎng)度值，可以是像素、英寸、毫米等單位；<percentage>表示百分比，參照包含塊的寬度或高度；auto表示自動(dòng)計(jì)算內(nèi)邊距。
例如，設(shè)置一個(gè)元素的上內(nèi)邊距為10px，左右內(nèi)邊距為20px：
div {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
