所属分类:web前端开发
HTML 中默认的
边距为 8px。它由浏览器提供的用户代理样式表以像素为单位定义。有些浏览器允许您创建和使用自己的用户代理样式表,但如果您正在开发网站,请保持不变。让我们看一个简单的例子。在这里,由于默认边距是 8px,我们不会尝试更改它 -
<!DOCTYPE html> <html> <title>Example</title> <head> <style> body { background: orange; } </style> <body> <h1>Free Resources</h1> <p>We have the following resources for the users:</p> <div id="container"> <ul> <li>Video Courses</li> <li>Notes</li> <li>Interview QA</li> <li>MCQs</li> </ul> </div> </body> </html>
现在,让我们更改默认边距 -
<!DOCTYPE html> <html> <title>Example</title> <head> <style> body { background: orange; margin: 25px; } </style> <body> <h1>Free Resources</h1> <p>We have the following resources for the users:</p> <div id="container"> <ul> <li>Video Courses</li> <li>Notes</li> <li>Interview QA</li> <li>MCQs</li> </ul> </div> </body> </html>
您可以轻松比较上述两个示例并发现边距差异。