CSS中設置長度樣式是在網頁布局和設計中不可或缺的一部分。無論是對文本、圖片還是其他頁面元素進行樣式設計，都需要注意長度樣式的設置。

在CSS中，常用的長度單位有像素、百分比、em、rem等。其中像素是最常用的單位之一，它是絕對單位，代表屏幕上的實際長度。而百分比是相對單位，是相對于父元素的長度，可以根據父元素的大小來進行伸縮。

除了像素和百分比外，還有em和rem單位。em也是相對單位，是以元素自身的字體大小為基準來計算長度的。而rem是相對于根元素(html)的字體大小計算長度的，因此在使用rem時，可以讓元素的大小隨著根元素字體大小的變化而響應式調整。

/* 以像素為單位設置元素的寬度和高度 */
div {
width: 200px;
height: 100px;
}
/* 以百分比為單位設置元素的寬度和高度 */
div {
width: 50%;
height: 50%;
}
/* 以em為單位設置元素的字體大小 */
p {
font-size: 1.2em;
}
/* 以rem為單位設置元素的字體大小 */
h1 {
font-size: 2rem;
}

在使用長度樣式時，還需要注意一些細節問題。例如，如果設置一些元素的大小和位置時，推薦使用百分比而不是像素單位，因為使用百分比可以避免在不同的設備上出現布局錯亂的情況。同時，還需要注意元素的外邊距(margin)、內邊距(padding)和邊框(border)的影響，這些因素也會影響元素的實際大小和位置。

總之，在網頁設計中，使用好長度樣式是非常重要的。掌握常用的長度單位和注意細節問題，可以讓你更加輕松地進行布局和樣式設計。