CSS標題字體樣式是網頁設計中經常會用到的元素之一,可以通過設置不同的字體、大小、顏色、加粗等來實現不同的視覺效果。
/* 設置標題字體樣式 */ h1 { font-size: 32px; /* 字體大小 */ font-family: Arial, sans-serif; /* 字體類型 */ color: #333; /* 字體顏色 */ font-weight: bold; /* 字體加粗 */ text-align: center; /* 居中對齊 */ margin-top: 50px; /* 上邊距 */ } h2 { font-size: 24px; font-family: 'Helvetica Neue', sans-serif; color: #666; font-weight: normal; text-align: left; margin: 0 0 20px 0; /* 上、右、下、左邊距 */ } h3 { font-size: 18px; font-family: Georgia, serif; color: #999; font-weight: normal; text-align: right; margin: 10px 0 0 0; } /* 設置段落字體樣式 */ p { font-size: 14px; font-family: 'Microsoft YaHei', sans-serif; color: #333; line-height: 1.5; /* 行高 */ margin: 0 0 20px 0; }
例如上面的代碼可以設置三個不同的標題樣式,分別為居中對齊的h1、左對齊的h2和右對齊的h3,以及一個段落樣式。在實際應用中,可以根據需求進行適當修改和調整,以達到最佳的效果。