CSS中的距離常常用于控制頁面中元素的上下位置，以達到更好的視覺效果。下面將介紹幾種常見的CSS屬性來算距離。

/* 使用margin屬性來調整元素與上方容器之間的距離 */
div {
margin-top: 10px; /* 調整距離為10像素 */
}
/* 使用padding屬性來調整元素內部內容與上邊框之間的距離 */
div {
padding-top: 10px; /* 距離為10像素 */
}
/* 使用line-height屬性來調整單行文本與上方容器之間的距離 */
p {
line-height: 1.5; /* 以正常字體大小為基準，距離為1.5倍字號 */
}
/* 使用position屬性來調整元素相對于上方容器的絕對位置 */
div {
position: absolute;
top: 10px; /* 距離為10像素 */
}

需要注意的是，使用以上屬性調整距離時，需要考慮元素的盒模型（Box Model）對距離的影響。例如，使用margin屬性時，需要考慮其對元素外邊距的影響，以避免出現意想不到的布局問題。