CSS中有一个很有用的样式属性——子绝夫相。它可以控制一个元素相对于其父元素的位置，非常适合制作响应式页面。

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

以上就是子绝夫相的基本样式代码。我们使用position属性将元素的定位从文档流中“脱离”，再通过top和left属性将其移动到父元素的中心位置。但是，这样元素依然是以左上角为原点进行定位的，为了将其完全居中，我们需要使用transform属性的translate函数，将元素自身的宽度和高度的一半分别向左和向上移动。

除了在响应式设计中，子绝夫相还有许多其他的应用场景，比如制作幻灯片、菜单、弹窗等等。相信你在学习和实践中会发现更多的技巧和用法。