与多种类型

对不起，这个愚蠢的问题，但 CSS保证金我的一段代码，看起来像与多种类型

margin-left: 150px; 
margin-left: 8%; 
margin-left: 7vw;

发现能否请您解释我是谁这项工作？哪些将被使用？同时我们不能写类似：

margin-left: 150px, 8%, 7vm;

我认为这是一个短版还是什么？编辑我只是问保证金左不是所有的保证金性质:)

2016-11-09 Radu

'margin-left：7vw;'将被实现，因为它位于css代码的最后一行。另一方面'margin-left：150px，8％，7vm;'不是有效的css代码。 – GvM

@GvM非常感谢你 – Radu

如果你写的是这样的：

margin-left: 150px; 
margin-left: 8%; 
margin-left: 7vw;

只margin-left: 7vw;将被接受，因为它会覆盖margin-left: 150px;和margin-left: 8%;，margin-left，margin-right，margin-top，margin-bottom只接受一个值。

你可以用速记的保证金，如：

margin: margin-top margin-right margin-bottom margin-left

例如：

margin: 10px 15px 20px 5px;

所以在这种速记最后一个5px将设置为margin left，

有是另外两种写速记的方式：

个

2值：

margin: (margin-top + margin-bottom) (margin-left + margin-right)

例如：

margin: 10px 20px

3个值： margin: (margin-top) (margin-left + margin-right) (margin-bottom)

例如：

margin: 10px auto 20px

2016-11-09 07:44:29

谢谢你的快速回答我知道他们在写一些但是我不明白为什么UI开发者会这样做，我认为这是IE，ff或chrome的规则。谢谢您的回答 – Radu

CSS规则中的每一下发生覆盖以前的，所以在这个例子中，最后一个规则将被使用。你的简短形式也是无效的。在单行可以定义利润率为每侧：

margin: 10px 5px 2px 8px;

它给你10px的上边距，5px的右边缘，2px的底部和8像素左边距。

2016-11-09 07:43:36 Blady214

回答