CSS是前端開發中一個重要的工具，它可以改變網頁的布局和樣式。其中，改變文字基線是一個常用的技巧，它可以讓文本在不同的排版下更加美觀。下面我們來學習如何使用CSS改變文字基線。

在CSS中，我們可以使用vertical-align屬性來改變文字基線。這個屬性可以設置在文本元素上，也可以設置在圖片等其他元素上。

//設置文本元素的基線為top
p {
vertical-align: top;
}
//設置圖片元素的基線為middle
img {
vertical-align: middle;
}

在這個例子中，我們使用了vertical-align屬性來設置文本元素和圖片元素的基線。它可以設置為top、middle、bottom、text-top和text-bottom等值。

除此之外，我們還可以使用line-height屬性來改變文字的行高，進而改變基線的位置。這個屬性同樣可以設置在文本元素或其他元素上。

//設置文本元素的行高為50px，基線為middle
p {
line-height: 50px;
vertical-align: middle;
}
//設置圖片元素的行高為100px，基線為bottom
img {
line-height: 100px;
vertical-align: bottom;
}

這個例子中，我們使用了line-height屬性來設置文本元素和圖片元素的行高，并在其基礎上設置了vertical-align屬性來改變基線的位置。

通過上述方法，我們就可以使用CSS來改變文字基線了。這個技巧可以讓文本在排版中更加美觀，同時還具有一定的實際應用價值。