CSS中的相对定位和*定位是两种用于定位元素的方式。相对定位会相对于元素自身在正常文档流中的位置进行定位，而*定位则会相对于最近的具有定位属性的父元素进行定位。

相对定位通过设置元素的位置属性为"relative"来实现。接下来，我们将详细探讨相对定位的用途、使用方式和相关属性。

首先，相对定位可以用于微调元素的位置。通过设置元素的"top"、"right"、"bottom"或"left"属性来调整元素在其正常文档流中的位置。这些属性值可以是具体的像素值，也可以是百分比值。例如，可以使用"top: 10px"将元素向下移动10像素。此外，还可以使用"right"、"bottom"和"left"属性来相应地移动元素的其他边缘。

其次，相对定位可以用于创建层叠效果。在文档中的多个元素使用相对定位时，后面的元素会覆盖前面的元素。可以使用"z-index"属性来控制元素的层次顺序。"z-index"属性的值越大，元素就越靠前。

另外，相对定位也可以用于创建动画效果。通过结合使用CSS过渡和动画属性，可以使相对定位的元素在网页中移动或改变大小。这为网页设计师提供了更多的创意和交互性，以吸引用户的注意力。

除了相对定位，CSS中还有一种定位方式是*定位。与相对定位不同，*定位会将元素从正常文档流中完全脱离，并相对于最近的具有定位属性的父元素进行定位。如果没有找到具有定位属性的父元素，元素则会相对于整个文档进行定位。

要使用*定位，需要将元素的位置属性设置为"absolute"或"fixed"。"absolute"将元素相对于最近的定位父元素进行定位，而"fixed"则将元素相对于浏览器窗口进行定位。

*定位也可以使用"top"、"right"、"bottom"和"left"属性来调整元素的位置。通过设置这些属性的值，可以将元素定位在页面的任何位置。与相对定位不同的是，这些属性值是相对于父元素或窗口而不是元素自身。因此，在使用*定位时，需要慎重考虑元素的上下文和相对位置。

*定位通常用于创建复杂的布局或定位固定的元素，如导航栏或侧边栏。利用*定位，可以将这些元素放置在网页的任何位置，而不会影响其他元素的布局。

在总结一下，CSS中的相对定位和*定位是两种常用的定位方式。相对定位用于微调元素的位置、创建层叠效果和动画效果，而*定位用于完全脱离正常文档流、创建复杂布局和定位固定元素。理解这两种定位方式的特点和使用方法，将有助于更好地控制元素在网页中的位置和布局。