CSS是網頁設計中不可或缺的一部分,可以用來更改頁面的字體、顏色、版面和其他樣式。其中,字體的更改是CSS最為基礎的功能之一。在下面的代碼示例中,我們通過CSS來改變頁面正文的字體。
/* 設置正文字體 */ p { font-family: Arial, sans-serif; /* 字體樣式 */ font-size: 16px; /* 字體大小 */ line-height: 1.5; /* 行高 */ }
上述代碼中,我們使用了font-family屬性來指定字體樣式,這里選擇了Arial和sans-serif兩種字體。同時,我們還設置了字體大小和行高,使得頁面的正文更加易讀。
除了字體樣式之外,我們還可以通過CSS來改變字體的粗細、斜體等其他樣式。下面的代碼演示了如何將頁面標題文字的字體樣式改為粗體。
/* 設置標題字體樣式 */ h1 { font-weight: bold; /* 粗體 */ font-style: normal; /* 正常樣式 */ }
在上述代碼中,我們使用了font-weight屬性來指定字體的粗細,將其設為bold即可實現粗體效果。同時,我們還可以使用font-style屬性來設置字體的樣式,如斜體、下劃線等等。
總之,通過CSS來更改正文件體是網頁設計中最基礎的操作之一,這樣能夠增強頁面的可讀性和美觀程度。希望以上示例能夠對讀者有所啟發,并在實際項目中得到應用。
上一篇簡述css3的兩種特性