一、宽高属性的基本概念
CSS 中宽高属性指的是元素的宽度和高度，通常用像素来表示。例如，一个元素的宽度为 100px，高度为 200px，那么它的大小就是 100px × 200px。宽高属性的值可以是数字、字母或空格，也可以是一些CSS类名或标签名。
二、宽高属性的使用方法
1. 设置元素的宽度和高度
使用宽高属性可以设置元素的宽度和高度。在 CSS 中，可以使用以下方式设置元素的宽度和高度：
“`css
width: 100px;
height: 200px;
2. 设置元素的宽度和高度，同时保留其原始宽度和高度
有时，大家需要保留元素的原始宽度和高度，而只是对其进行更改。在这种情况下，可以使用“px”值来表示元素的宽度和高度，而不必将其转换为像素。例如：
“`css
width: 80px;
height: 60px;
3. 设置元素的宽度和高度，同时设置其背景色和边框宽度
在 CSS 中，可以使用“px”值来设置元素的宽度和高度，同时设置其背景色和边框宽度。例如：
“`css
width: 100px;
height: 200px;
background-color: #ff0000;
border-radius: 50px;
三、宽高属性的常见应用场景
1. 设置表格单元格的宽度和高度
在 HTML 表格中，可以使用宽高属性来设置表格单元格的宽度和高度。例如：
“`html
2. 设置页面元素的的宽度和高度
可以使用宽高属性来设置页面中所有元素的宽度和高度，包括标签、段落、图片等。例如：
“`css
body {
width: 800px;
height: 600px;
width: 300px;
height: 100px;
width: 100%;
height: auto;
3. 设置图像的宽度和高度
可以使用宽高属性来设置图像的宽度和高度，以实现图像的拉伸和压缩。例如：
“`css
width: 200px;
height: 100px;
4. 设置表格和表单的宽度和高度
可以使用宽高属性来设置表格和表单的宽度和高度。例如：
“`css
table {
width: 80%;
border-collapse: collapse;
th, td {
width: 100px;
height: 20px;
通过使用宽高属性，大家可以轻松地在 CSS 中设置元素的宽高，从而实现各种布局效果。