CSS定義Body的寫法
在CSS中,我們可以使用body
關(guān)鍵字來定義HTML文檔中的主體部分,通過body
,我們可以設(shè)置整個(gè)頁面的樣式,如背景顏色、字體大小、顏色等,下面是一些常見的CSS定義body
的寫法:
1、背景顏色:使用background-color
屬性來設(shè)置頁面的背景顏色。
body { background-color: #f0f0f0; }
2、字體大小:使用font-size
屬性來設(shè)置頁面中的字體大小。
body { font-size: 16px; }
3、顏色:使用color
屬性來設(shè)置頁面中的文字顏色。
body { color: #333; }
4、樣式:使用style
屬性來設(shè)置頁面的樣式。
body { style: "font-family: Arial, sans-serif; line-height: 1.6;" }
5、鏈接顏色:使用a
標(biāo)簽的color
屬性來設(shè)置鏈接的顏色。
a { color: #007bff; }
6、段落樣式:使用p
標(biāo)簽的樣式來設(shè)置段落的樣式。
p { font-size: 14px; color: #666; line-height: 1.8; }
7、列表樣式:使用ul
和li
標(biāo)簽的樣式來設(shè)置列表的樣式。
ul { list-style-type: circle; color: #333; } li { color: #666; }
8、表格樣式:使用table
和td
標(biāo)簽的樣式來設(shè)置表格的樣式。
table { border-collapse: collapse; color: #333; } td { border: 1px solid #ddd; color: #666; }
9、圖像樣式:使用img
標(biāo)簽的樣式來設(shè)置圖像的樣式。
img { max-width: 100%; height: auto; }
10、響應(yīng)式布局:使用媒體查詢(media queries)來設(shè)置不同屏幕大小下的樣式。
@media (max-width: 768px) { body { font-size: 14px; } } @media (min-width: 769px) { body { font-size: 16px; } }