本文向您介绍CSS中边距参数省略的原理，非常详细。感兴趣的朋友可以参考一下，希望对你有所帮助。
CSS中margin参数省略的原则
margin属性用于设置对象四边的外部边距。如果提供了所有四个参数，它们将按上-右-下-左的顺序作用于四个边，即：
边距：{ toprightbottomleft}记住这个模式的一个好方法是：这四个值从元素顶部开始，顺时针环绕元素。值总是以这个顺序使用，所以如果你想得到想要的效果，你必须正确地排序它们。
为什么会省略？
有时，为边距输入的值有些重复：
p { margin:0.25 em1em 0.25 em1em；}为了让懒人少输入这些烦人的代码(不知道这是不是初衷，但肯定有这样的懒人)，或许更实际的是减少CSS文件中的字节数，从而减少带宽占用，节省经济支出。w3c成员想出了一个更简单的替代方法，他们可以用下面的标记替换它，而不是像这样重复输入一对值：
p { margin 3 33600.25 em 1 em；}这样的两个值足以替代那四个值。你是怎么做到的？
省略原则
CSS定义了接收少于四个边距参数的几个步骤：
1.如果没有左值，请使用右。
2.如果没有底值，请使用顶值。
3.如果没有正确的值，请使用最大值。
换句话说，如果给边距分配了三个值，则通过复制第二个值(右)来获得第四个值(左)。如果给两个，第四个通过复制第二个获得，第三个(底部)通过复制* * *个(顶部)获得。* * *，如果只给一个值，会复制到其他三个。
如果你更喜欢直观的解释，请看下图。
你应该更清楚三个例子：
1 . b { margin 336010 px；}和b { margin 336010 p X10 px；}是等效的；
2 . b { margin :10 px5 px；}和b { margin :10 px5 px10 px5 px；}是等效的；
3 . b { margin :5 px3 px4 px；}和b { margin 33605 px3px 4 px3px；}是等效的；
在这些原则的指导下，我认为在编写CSS的时候，在margin属性中省略参数的想法应该在你的脑海中更加清晰。
CSS中边距参数省略号的原理是什么，希望在这里分享一下
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/81292.html