CSS是一種非常重要的前端技術，它可以通過代碼的方式來控制頁面的樣式。而文字是web頁面中必不可少的元素，因此我們需要了解如何使用CSS來控制文字的位置。
/*控制文字的位置*/
selector {
position: relative;
top: 10px;
left: 20px;
}上面的代碼實現了控制文字位置的效果。其中position屬性指定了元素的定位方式，可以設為relative（相對定位）、absolute（絕對定位）或fixed（固定定位）。接下來的top和left屬性則指定了元素相對于原來位置的上下或左右偏移量。
除了使用相對和絕對定位來控制文字位置外，我們還可以使用text-align屬性來控制文字的水平位置。例如：
/*水平居中*/
selector {
text-align: center;
}
/*右對齊*/
selector {
text-align: right;
}另外，我們可以使用vertical-align屬性來控制文字的垂直位置。例如：
/*垂直居中*/
selector {
display: table-cell;
vertical-align: middle;
}
/*頂部對齊*/
selector {
vertical-align: top;
}
/*底部對齊*/
selector {
vertical-align: bottom;
}一般來說，我們都是將CSS樣式寫在獨立的CSS文件中，然后通過link標簽將其引入到HTML頁面中。下面是一個實例：
<!DOCTYPE html> <html> <head> <title>控制文字位置</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="box"> <p>這是一段文字</p> </div> </body> </html>
在上面的例子中，我們用link標簽引入了一個名為style.css的CSS文件，其中包含了對.box p元素的樣式定義。
CSS控制文字位置是非常重要的一項技術，它可以讓我們精確地控制頁面元素的位置和表現。希望讀者們能夠掌握這一技能，更好地設計和美化網頁。