1. position属性的特性
在CSS中，position属性用于指定元素在页面中的定位方式。常见的position属性值有：static（默认值）、relative、absolute和fixed。
1.1 static定位
static定位是默认的定位方式，元素按照正常文档流进行排列，并且无法使用top、bottom、left和right属性来调整其位置。
1.2 relative定位
相对定位的元素会根据其在正常文档流中的位置进行定位。通过使用top、bottom、left和right属性，可以调整元素相对于其正常位置的偏移量。
position: relative;
top: 10px;
left: 20px;
上述代码将使元素相对于其正常位置向下偏移10像素，向右偏移20像素。
1.3 absolute定位
绝对定位的元素会相对于其最近的已定位（非static）的祖先元素进行定位，如果没有找到已定位的祖先元素，则相对于整个页面进行定位。
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
上述代码将使元素水平和垂直居中定位。
通过使用top、bottom、left和right属性，可以调整元素相对于其定位的祖先元素的偏移量。
1.4 fixed定位
固定定位使元素相对于浏览器窗口进行定位，无论页面滚动与否，元素都会保持在指定位置不变。
position: fixed;
top: 0;
left: 0;
上述代码将使元素固定在页面的左上角。
2. opacity属性的特性
opacity属性用于设置元素的透明度，取值范围为0到1之间的小数。
opacity: 0.5;
上述代码将使元素的透明度为50%。
使用opacity属性时，其子元素的透明度也会受到影响。
3. cursor属性的特性
cursor属性用于指定鼠标在元素上的样式。常见的cursor属性值有：default、pointer、text、wait、move等。
cursor: pointer;
上述代码将使鼠标在元素上显示为手型。
通过改变cursor属性值，可以为元素提供不同的交互效果，增加用户体验。
4. 总结
本文详细介绍了CSS中position、opacity和cursor三个属性的特性：
position属性用于控制元素的定位方式，包括static、relative、absolute和fixed。
opacity属性用于设置元素的透明度，取值范围为0到1之间的小数。
cursor属性用于指定鼠标在元素上的样式，可以增加交互效果。
通过灵活运用这些属性，可以实现更好的页面布局和交互效果。