在CSS中,設置字體大小是非常重要的一部分。字體大小不僅影響了網頁的整體視覺效果,同時也影響了文字的可讀性。
p { font-size: 16px; /* 設置字體大小為16像素 */ }
在CSS中,字體大小可以用絕對單位或相對單位進行設置。絕對單位包括像素(px)、點(pt)、英寸(in)等,相對單位包括em、rem、百分比等。相對單位的優點在于當瀏覽器窗口大小改變時,它們可以隨之調整。
p { font-size: 1.2em; /* 設置字體大小為當前父元素字體大小的1.2倍 */ }
同時我們也可以在CSS中設置不同的字體大小,以便讓網頁呈現更好的視覺效果。比如,我們可以設置標題的字體大小比正文大,或者在列表中的條目中設置較小的字體。
h1 { font-size: 24px; /* 設置標題1的字體大小為24像素 */ } li { font-size: 14px; /* 設置列表中的條目字體大小為14像素 */ }
在進行字體大小設置時,我們需要注意不要設置字體過小,以免影響文字的可讀性。同時,也不要設置字體過大,以免影響網頁的整體視覺效果。
上一篇html的代碼舉例