本文にはデフォルトでマージンがあります:
これは、本文にはデフォルトでマージンがあるという事実を述べているだけです。
コード例は次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css"> body{ background:blue;}#box{ width:200px; height:100px; background:red; text-align:center; line-height:100px;}</style></head><body><div id="box">蚂蚁部落</div></body></html>上記のコードからわかるように、ボックス要素と周囲の間には一定のギャップがあります。コード例を見てみましょう:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css"> body{ background:blue; margin:0px;}#box{ width:200px; height:100px; background:red; text-align:center; line-height:100px;}</style></head><body><div id="box">蚂蚁部落</div></body></html>上記のコード。隙間がなくなっているのがわかり、ボディに余白があることが分かります。
そのため、ページを形式化する前に、通常は最初にスタイル属性をリセットします。詳細については、CSS プリリセット スタイル コードの章を参照してください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=18131
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
