CSS尺寸属性是用来控制元素的大小和尺寸的属性。常用的CSS尺寸属性包括width、min-width、max-width、height、min-height、max-height、margin等，本篇教程将为大家详细介绍这些属性，并给出相应实例。
一、CSS尺寸属性
CSS 常用的尺寸属性
| 属性 | 版本 | 继承性 | 描述 |
| width | CSS1 | 无 | 定义了元素内容区（Content Area）的宽度 |
| min-width | CSS2 | 无 | 定义了元素内容区（Content Area）的最小宽度 |
| max-width | CSS2 | 无 | 定义了元素内容区（Content Area）的最大宽度 |
| height | CSS1 | 无 | 定义了元素内容区（Content Area）的高度 |
| min-height | CSS2 | 无 | 定义了元素内容区（Content Area）的最小高度 |
| max-height | CSS2 | 无 | 定义了元素内容区（Content Area）的最大高度 |
| margin | CSS1 | 无 | 为元素设置所有四个方向（上右下左）的外边距 |
| padding | CSS1 | 无 | 为元素设置所有四个方向（上右下左）的内边距，即内容和元素边界之间的空间 |
二、width属性
width属性用于设置元素的宽度，其语法如下：
width: <length> | <percentage> | auto; 其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的宽度；auto表示自动计算宽度。
例如，设置一个元素的宽度为50%：
div {
width: 50%;
}
三、min-width属性
min-width属性用于设置元素的最小宽度，其语法如下：
min-width: <length> | <percentage> | auto;
其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的宽度；auto表示自动计算宽度。
例如，设置一个元素的最小宽度为100像素：
div {
min-width: 100px;
}
四、max-width属性
max-width属性用于设置元素的最大宽度，其语法如下：
max-width: <length> | <percentage> | none;
其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的宽度；none表示没有最大宽度限制。
例如，设置一个元素的最大宽度为800像素：
div {
max-width: 800px;
}
五、height属性
height属性用于设置元素的高度，其语法如下：
height: <length> | <percentage> | auto;
其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的高度；auto表示自动计算高度。
例如，设置一个元素的高度为50%：
div {
height: 50%;
}
六、min-height属性
min-height属性用于设置元素的最小高度，其语法如下：
min-height: <length> | <percentage>; 其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的高度。
例如，设置一个元素的最小高度为100px：
div {
min-height: 100px;
}
七、max-height属性
max-height属性用于设置元素的最大高度，其语法如下：
max-height: <length> | <percentage>;
其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的高度。
例如，设置一个元素的最大高度为200px：
div {
max-height: 200px;
}
八、margin属性
margin属性用于设置元素的外边距，其语法如下：
margin: <length> | <percentage> | auto;
其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的宽度或高度；auto表示自动计算外边距。
例如，设置一个元素的上外边距为10px，左右外边距为20px：
div {
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
九、padding属性
padding属性用于设置元素的内边距，其语法如下：
- padding: <length> | <percentage> | auto;
- 其中，<length>表示长度值，可以是像素、英寸、毫米等单位；<percentage>表示百分比，参照包含块的宽度或高度；auto表示自动计算内边距。
例如，设置一个元素的上内边距为10px，左右内边距为20px：
div {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
