页边距大小顶部大小右侧大小底部大小左侧或页边距顶部页边距右侧..等等



我是新手,正在寻找一种正确编码的方法,所以我想问我们应该在一个边距和所有4个值之间选择什么,或者在4个边距(上、右、下、左)之间选择什么。有没有更快或更合适的方法来做到这一点。最终,如果你知道在哪里可以找到指导方针,教我们在这种情况下应该如何行动,为了清晰或代码优化,我将不胜感激。再说一次,我是新来的,所以如果我的问题不正确,我很抱歉。谢谢大家。

我认为这取决于你在做什么。有时你需要设置所有4个边距,但有时你只需要设置一个边距顶部。如果你是新手,想了解更多,这是一个很好的资源https://www.w3schools.com/w3css/w3css_margins.asp

祝你好运!

margin: 25px 50px 75px 100px;

这是设置不同边距的最短方法。本例将顶部设置为25px,右侧设置为50px,底部设置为75px,左侧设置为100px。你真的应该研究盒子模型,因为它是最重要或可能是最重要但最简单的事情之一:https://www.w3schools.com/css/css_boxmodel.asp

您可以将左边距和上边距分别想象为x和y中的位置。

编写属性的简写版本当然可以减少代码行数,这有利于更快的加载时间,但与使用多个属性相比,这并不是一个好的优势。使用简写属性的主要优点是readability

选择是使用简写属性还是使用多个属性完全取决于具体情况。

假设要在h1元素的顶部和底部添加10pxmargin,在左侧和右侧添加0px

使用简写属性:

h1 {
margin: 10px 0;
}

对于多个属性,您必须写入:

h1 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}

正如您所看到的,在这种情况下,简写属性更适合。

相关内容

  • 没有找到相关文章