CSS字體樣式是網頁設計中必不可少的一部分,它能夠讓網頁內容更加豐富多彩、閱讀更加舒適。下面是關于CSS字體的樣式大全,包括字體類型、字體大小、字體樣式、字體粗細等。
字體類型
font-family: "宋體", "Microsoft YaHei", "微軟雅黑", Roboto, sans-serif;
注釋:本例使用了多個字體備選項,若電腦中未安裝第一個字體,會依次選擇下一個字體。
字體大小
font-size: 16px; /* 像素大小 */ font-size: 1.2rem; /* 相對大小,以根元素字體大小為基準 */ font-size: 1.2em; /* 相對大小,以父元素字體大小為基準 */
字體樣式
font-style: normal; /* 正常字體 */ font-style: italic; /* 斜體 */ font-style: oblique; /* 傾斜 */
字體粗細
font-weight: normal; /* 正常字體 */ font-weight: bold; /* 粗體 */ font-weight: lighter; /* 更輕的字體 */ font-weight: 100; /* 自定義字體粗細,數字越小越細,數字越大越粗 */
通過上述樣式屬性的組合,可以創建非常豐富多彩的字體樣式,讓網頁內容更加完整、通俗易懂。
下一篇css字體怎么垂直居中