body是HTML頁面中最基本的元素,也是最常使用的元素之一。在CSS中,我們可以通過定義body的樣式來控制頁面的整體外觀。在這里,我們來學習一下如何正確定義body的樣式。
body { background-color: #f0f0f0; /* 設置背景色 */ font-family: Arial, Helvetica, sans-serif; /* 設置字體 */ font-size: 14px; /* 設置字號 */ line-height: 1.5; /* 設置行間距 */ color: #333; /* 設置文字顏色 */ }
在上面的代碼中,我們可以看到body這個選擇器下設置了一些屬性。下面我們一一解釋一下:
- background-color屬性用來設置頁面的背景色。可以使用顏色名、十六進制值或rgb值來指定。
- font-family屬性用來設置頁面中的字體。在設置時,還需要定義一個字體族,如果第一個字體不存在,則使用第二個,以此類推。
- font-size屬性用來設置字號大小。可以設置具體的數字值或使用關鍵詞,如large、medium、small等。
- line-height屬性用來設置行間距。建議使用具體的數字值來控制行間距,如1.5。
- color屬性用來設置頁面中文字的顏色。可以使用顏色名、十六進制值或rgb值來指定。
通過上述的樣式定義,我們可以掌控頁面的整體外觀,讓頁面更加美觀、有序。
上一篇B站顯示不了CSS樣式
下一篇(4)如何注釋CSS樣式