在開發(fā)網(wǎng)站的時候，一個合理的HTML結(jié)構(gòu)可以使頁面更有層次感，而通過CSS樣式表可以進(jìn)一步美化頁面在視覺上的效果。然而有時候在開發(fā)中，發(fā)現(xiàn)CSS樣式表中缺少了body標(biāo)簽，這時該怎么辦呢？
<!DOCTYPE html>
<html>
<head>
<title>沒有body標(biāo)簽，CSS怎么辦？</title>
<style>
/*這里沒有body*/
p {
color: red;
}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>在HTML5中，body標(biāo)簽在文件中是非常普遍的，我們可以將樣式代碼寫在body標(biāo)簽中，再使用selector去選擇其他元素，例如：
<!DOCTYPE html>
<html>
<head>
<title>沒有body標(biāo)簽，CSS怎么辦？</title>
<style>
body {
background-color: white;
}
p {
color: red;
}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>如果沒有body標(biāo)簽，我們也可以直接在樣式表中編寫樣式，而不需要寫在body標(biāo)簽中，例如：
<!DOCTYPE html>
<html>
<head>
<title>沒有body標(biāo)簽，CSS怎么辦？</title>
<style>
p {
color: red;
background-color: white;
}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>總之，缺少body標(biāo)簽不影響CSS樣式表對頁面的渲染效果，在樣式表中我們可以直接對元素進(jìn)行編寫樣式。因此，我們在開發(fā)網(wǎng)站時不必?fù)?dān)心缺少body標(biāo)簽帶來的影響，只需合理編寫CSS樣式表即可。
上一篇css改為行級元素