css 如何在页面(html)的正文中设置边距？

lrl1mhuk 于 2023-02-06 发布在其他

关注(0)|答案(9)|浏览(150)

我使用了以下代码

<body topmargin="0" leftmargin="0" rightmargin="0">

只能在IE6上运行我希望它能在firefox和opera上运行。
我尝试了以下方法：

<style type="text/css">
.header {
    width: 100%;
    background-color: #3B5998;
    height: 35px;
    margin-top:0;
}
.style1 {
    margin-right: 38px;
}
.style2 {
    width: 100%;
    background-color: #3B5998;
    height: 35px;
}

</style>

<div dir="rtl" class="style2" style="width: 100%">
<p align="center"style="width: 92px; height: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #EFF1F6;" class="style1"></p>
</div>

</body>

css

来源：https://stackoverflow.com/questions/5670927/how-to-margin-the-body-of-the-page-html

9条答案

按热度按时间

ee7vknir1#

开始时，您可以用途：

<body style="margin:0;padding:0">

一旦你学习了一些关于css的知识，你就可以把它改成：

body {margin:0;padding:0}

在样式表中。

赞(0）回复(0）举报 2023-02-06

eqfvzcg82#

Html用于内容，CSS用于样式

<body style='margin-top:0;margin-left:0;margin-right:0;'>

赞(0）回复(0）举报 2023-02-06

p8h8hvxi3#

是的，CSS入门不会伤害这里，所以你可以做两件事：1 -在html的标签中，你可以打开一个样式标签，如下所示：

<style type="text/css">
  body {
   margin: 0px;
  }
  /*
   * this is the same as writing
   * body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}
   * I'm adding px here for clarity sake but the unit is not really needed if you have 0
   * look into em, pt and % for other unit types 
   * the rules are always clockwise: top, right, bottom, left
  */
</style>

2-上面的代码只适用于你嵌入了代码的页面，所以如果你想在10个文件中重用它，那么你必须在所有10个文件中复制它，如果你想做一个改变，让我们说有一个5 px的边距代替，你必须打开所有这些文件并进行编辑。这就是为什么使用外部样式表是前端编码的黄金法则。因此，将body声明保存在一个名为style.css的单独文件中，并将其添加到html中：

<link rel="stylesheet" type="text/css" href="style.css"/>

现在你可以把这个放在所有的网页，将受益于这些风格，每当需要改变他们，你只需要这样做，在一个地方。希望它有帮助。干杯

赞(0）回复(0）举报 2023-02-06

uplii1fm4#

我希望这会有帮助。。如果我理解了这个问题

html{
     background-color:green;
}

body {
    position:relative; 
    left:200px;    
    background-color:red;
}
div{
    position:relative;  
    left:100px;
    width:100px;
    height:100px;
    background-color:blue;
}

http://jsfiddle.net/6M6ZQ/

赞(0）回复(0）举报 2023-02-06

dced5bon5#

<body topmargin="0" leftmargin="0" rightmargin="0">

我不知道你在哪里读到的，但这是设置CSS样式内联的公认方法：

<body style="margin-top: 0px; margin-left: 0px; margin-right: 0px;">

对于样式表：

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

赞(0）回复(0）举报 2023-02-06

tez616oj6#

你需要使用css，这是现代网页设计的方式。
这是一个基本的css演练。
您的html文件将如下所示：
（非常简单的html）

<html>
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css" />
    </head>
    <body>
    </body>
    <html>

您的css文件（mystyle.css）将类似于：

body 
{
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;

}

赞(0）回复(0）举报 2023-02-06

disbfnqx7#

请尝试使用CSS。

body {
   margin: 0 0 auto 0;
}

顺序是从上到下顺时针的，所以top right bottom left。

赞(0）回复(0）举报 2023-02-06

pw9qyyiw8#

我会说：（简单的零将工作，0px是一个零;））

<body style="margin: 0;">

- 但是可能有东西覆盖了你的css。**（在你之后分配不同的样式;））

如果你使用火狐浏览器-检查出firebug插件。
在Chrome浏览器中，右键点击页面，在菜单中选择**"inspect element"**，在元素树中找到BODY并检查其属性。

赞(0）回复(0）举报 2023-02-06

ubof19bj9#

the body element have below styles by default
     body {
          display: block;
          margin: 8px;
        }
     body: focus {
          outline: none;
        }

we can override this using
1. inline styles       

    <body style="margin: 0;">

2. internal styling

        <style>
    body {
    margin: 0;
    }
    </style>

赞(0）回复(0）举报 2023-02-06

我来回答

css 如何在页面(html)的正文中设置边距？

9条答案

相关问题

热门标签

最新问答