當我們設計一個網站時,字體設置是一個非常重要的方面。在CSS中,我們可以使用一些屬性來控制整個頁面的字體樣式,包括字體大小、字體顏色、行高等。在本文中,我們將介紹如何使用CSS來設置整個頁面的字體。
html { font-size: 16px; font-family: "Open Sans", sans-serif; color: #333; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } p { font-size: 1.2rem; margin-bottom: 1.5em; }
首先,我們需要設置HTML元素的字體大小和字體系列。在上面的代碼中,我們將HTML元素的字體大小設為16像素,字體系列設為"Open Sans",表示我們使用的是Open Sans字體,如果Open Sans字體不可用,則使用sans-serif字體作為備用字體。
接下來,我們設置字體顏色和行高。在上面的代碼中,我們將字體顏色設為#333,表示使用深灰色的字體。行高設為1.5,表示每行文字的間距是字體大小的1.5倍。
對于標題標簽(H1-H6),我們將字體加粗。
最后,我們設置段落標簽(P)的字體大小和段落間距。在上面的代碼中,我們將段落標簽的字體大小設為1.2rem,表示使用相對大小,相對于HTML元素的字體大小。段落間距(margin-bottom)設為1.5em,表示段落之間的距離是1.5倍字體大小。
通過以上的CSS代碼,我們可以輕松地設置整個網站的字體樣式,讓頁面顯得更加整潔和專業。