默认边距有多宽？

WBOY 转载: 2023-08-26 17:29:03 974浏览

默认边距有多宽？

HTML 中默认的边距为 8px。它由浏览器提供的用户代理样式表以像素为单位定义。有些浏览器允许您创建和使用自己的用户代理样式表，但如果您正在开发网站，请保持不变。

HTML 中的默认边距

示例

让我们看一个简单的例子。在这里，由于默认边距是 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>

更改 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>

您可以轻松比较上述两个示例并发现边距差异。

以上就是默认边距有多宽？的详细内容，更多请关注php中文网其它相关文章！

默认边距 PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文转载于：tutorialspoint，如有侵犯，请联系admin@php.cn删除

上一条：如何使用JavaScript获取图像的usemap属性的值？下一条：将HTML5转换为独立的安卓应用程序