新闻资讯

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻资讯列表

CSS中margin参数省略原则,css中margin的用法

发布时间:2023-09-07 07:54:49

CSS中margin参数省略原则

CSS中margin参数省略原则可以总结为以下几点:
1. 如果省略了margin参数,会根据元素的类型和情况利用默许的margin值。例如,对大多数块级元素,会自动利用上下外边距,但不会利用左右外边距。
2. 如果只省略了一个值,那末这个值会同时利用于上下或左右的外边距。例如,margin: 10px;会利用于上下左右的外边距,而margin: 10px 20px;会利用于上下和左右的外边距,分别为10px和20px。
3. 如果省略了两个值,那末第一个值会利用于上下外边距,第二个值会利用于左右外边距。例如,margin: 10px 20px;会利用于上下外边距为10px,左右外边距为20px。
4. 如果省略了三个值,那末第一个值会利用于上外边距,第二个值会利用于左右外边距,第三个值会利用于下外边距。例如,margin: 10px 20px 30px;会利用于上外边距为10px,左右外边距为20px,下外边距为30px。
5. 如果省略了四个值,那末分别利用于上、右、下、左的外边距。例如,margin: 10px 20px 30px 40px;会利用于上外边距为10px,右外边距为20px,下外边距为30px,左外边距为40px。
需要注意的是,省略margin参数其实不同等于设置margin值为0,省略的情况下会利用默许值。