1. px
px（像素）是最常用的单位之一，在CSS中表示一个绝对的长度单位，无论屏幕大小如何，1px始终表示屏幕上的一个像素点。在Web设计中，通常使用px来定义元素的精确尺寸和位置。px的主要优点是在各种浏览器中都能获得一致的显示效果。
px的使用示例：
p {
font-size: 14px;
margin-top: 10px;
}
浏览器支持
px在所有的现代浏览器中得到广泛支持，因为它是一个传统的单位，几乎没有兼容性问题。
2. em
em是相对单位，它相对于父元素的字体大小来计算自身的大小。em的值可以是任意数值，但是它继承的是父元素的字体大小。因此，当应用了嵌套关系时，em的计算会变得更加复杂。
em的使用示例：
body {
font-size: 16px;
}
p {
font-size: 1.5em; /* 相对于父元素的字体大小，即24px */
}
浏览器支持
em在所有的现代浏览器中得到广泛支持。
3. rem
rem也是相对单位，但它是相对于根元素（html元素）的字体大小来计算自身的大小。相比于em，rem更简单且易于控制，因为它不受嵌套关系的影响。
rem的使用示例：
html {
font-size: 16px;
}
p {
font-size: 1.5rem; /* 相对于根元素的字体大小，即24px */
}
浏览器支持
rem在现代浏览器中得到广泛支持，包括IE9及以上版本。
4. vh
vh是相对于视口的高度来计算自身的大小，1vh表示视口高度的1%。
vh的使用示例：
div {
height: 50vh; /* 视口高度的一半 */
}
浏览器支持
vh在大多数现代浏览器中得到广泛支持，但在一些旧版本的浏览器中不支持。
5. vw
vw是相对于视口宽度来计算自身的大小，1vw表示视口宽度的1%。
vw的使用示例：
div {
width: 50vw; /* 视口宽度的一半 */
}
浏览器支持
vw在大多数现代浏览器中得到广泛支持，但在一些旧版本的浏览器中不支持。
6. vmin
vmin是相对于视口的较小尺寸（宽度或高度）来计算自身的大小，1vmin表示视口较小尺寸的1%。
vmin的使用示例：
div {
width: 50vmin; /* 视口较小尺寸的一半 */
}
浏览器支持
vmin在大多数现代浏览器中得到广泛支持，但在一些旧版本的浏览器中不支持。
7. vmax
vmax是相对于视口的较大尺寸（宽度或高度）来计算自身的大小，1vmax表示视口较大尺寸的1%。
vmax的使用示例：
div {
font-size: 2vmax; /* 视口较大尺寸的一半 */
}
浏览器支持
vmax在大多数现代浏览器中得到广泛支持，但在一些旧版本的浏览器中不支持。
总结
在CSS3中，我们可以使用不同的单位来定义元素的尺寸和位置。px是一个绝对单位，可以提供精确的控制；em和rem是相对单位，相对于父元素和根元素的字体大小来计算自身的大小；vh、vw、vmin和vmax是相对于视口尺寸来计算自身的大小，可以实现响应式布局。
需要注意的是，不同单位适用于不同的场景，根据具体需求选择合适的单位来进行布局设计。同时，浏览器的支持情况也是我们需要关注的，尤其是对于一些较老的浏览器版本。