CSS樣式表的一個重要作用是控制文字的字體大小和對齊方式。在Web頁面設計中,字體大小和對齊方式的選擇可以讓頁面更美觀,更容易閱讀。在CSS中,我們可以使用font-size屬性來控制字體的大小,使用text-align屬性來控制文本的對齊方式。
/* 控制字體大小 */
h1 {
font-size: 2em;
}
p {
font-size: 16px;
}
/* 控制對齊方式 */
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
通過使用font-size屬性可以控制不同元素的字體大小。在上面的代碼片段中,我們使用了em和px兩種單位來設置字體大小。em是相對于父元素字體大小的單位,而px是絕對單位,直接指定具體大小。通常來說,使用相對單位比較好,因為可以讓字體大小隨著頁面的縮放而改變。
使用text-align屬性可以控制文本的對齊方式。一般來說,文本的對齊方式有三種:左對齊、居中和右對齊。在上面的代碼片段中,我們分別使用了.left、.center和.right類來控制文本的對齊方式。
綜上所述,CSS樣式表的字體大小和對齊方式對于Web頁面的設計和布局非常重要。合理選擇字體大小和對齊方式可以讓頁面看起來更加美觀、整潔和易讀。