我是新手,正在寻找一种正确编码的方法,所以我想问我们应该在一个边距和所有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
元素的顶部和底部添加10px
的margin
,在左侧和右侧添加0px
。
使用简写属性:
h1 {
margin: 10px 0;
}
对于多个属性,您必须写入:
h1 {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
正如您所看到的,在这种情况下,简写属性更适合。