2023默认边距有多宽?

 所属分类:web前端开发

 浏览:175次-  评论: 0次-  更新时间:2023-09-07
描述:更多教程资料进入php教程获得。 HTML 中默认的 边距为 8px。它由浏览器提供的用户代理样式表以像素为单位定义。有些浏览器允...
更多教程资料进入php教程获得。

默认边距有多宽?

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>

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

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!