CSS是網頁設計中不可或缺的一部分,可用于調整字體、邊距等樣式。本文將重點介紹CSS調整字體和邊距的方法。
/* 調整字體樣式 */ body { font-family: Arial, sans-serif; /* 設置整個頁面的默認字體 */ } h1 { font-size: 36px; /* 調整H1標簽的字體大小 */ font-weight: bold; /* 設置字體加粗 */ } p { font-size: 16px; /* 調整正文段落的字體大小 */ line-height: 1.5; /* 調整行高,使文字更易讀 */ color: #333; /* 設置段落的顏色 */ } /* 調整邊距樣式 */ .container { width: 960px; /* 設置容器的寬度 */ margin: 0 auto; /* 設置容器在水平方向上居中對齊 */ } h2 { margin-top: 40px; /* 調整H2標簽距離上部的邊距 */ margin-bottom: 20px; /* 調整H2標簽距離下部的邊距 */ } p { margin-bottom: 20px; /* 調整段落之間的垂直間距 */ text-indent: 2em; /* 設置段落首行縮進 */ }
通過上述CSS代碼,可以輕松調整字體和邊距樣式,讓網頁看起來更加美觀和易讀。
上一篇css調整字體寬