CSS中字頂端是指字母基線以上的部分與容器頂部的距離。字頂端的位置一般是由字體的設計決定的，但在CSS中，我們可以通過設置line-height和vertical-align屬性來對其進行調整。

line-height屬性指定了行框盒子的高度，包括行框盒子內所有的元素，即行框盒子的高度由字母的基線到另一個字母的基線的距離來決定。因此，設置line-height可以改變字體在行框盒子中的位置，進而改變字頂端的位置。

p {
font-size: 16px; // 字體大小
line-height: 1.5; // 行高
}

在上面的代碼中，line-height被設置為1.5，這意味著每行字體的高度為1.5倍的字體大小。如果字體大小為16px，則行高為24px。這樣設置之后，字頂端的位置也隨之改變。如果需要讓字頂端與容器頂部對齊，可以通過設置行高和容器高度相等，或設置line-height為1來實現。

vertical-align屬性則指定了元素在行框盒子中的垂直對齊方式。默認的vertical-align屬性值為baseline，即垂直對齊基線。如果需要調整字體的垂直位置，可以使用vertical-align來改變。

p span {
vertical-align: super; // 將span元素向上對齊
}

在上述代碼中，我們將一個span元素向上對齊，這樣可以使里面的內容出現在字體的頂部，進而改變字頂端的位置。

總之，通過line-height和vertical-align屬性的設置，我們可以靈活地調整字體在行框盒子中的位置，實現字體與容器的精準對齊。