margin是设置对象外边距外延边距离。
margin的值有三种情况,
可以为正整数和负整数并加单位如PX像素(margin-left:20px);
可以为auto自动属性(margin-left:auto 自动);
可以为百分比(%)值(margin-left:3%)。
单独设置四边间距属性单词:
margin-left 对象左边外延边距 (margin-left:5px; 左边外延距离5px)
margin-right 对象右边外延边距 (margin-right:5px; 右边外延距离5px)
margin-top 对象上边外延边距 (margin-top:5px; 上边外延距离5px)
margin-bottom 对象下边外延边距 (margin-bottom:5px; 下边外延距离5px)
合并书写:
四边不同值(上,右,下,左):margin:5px 8px 6px 7px;
1、只有上下情况缩写:
margin:5px 0 6px 0或margin:5px auto 6px auto
2、只有左右情况缩写:
margin:0 6px 0 5px或margin:auto 6px auto 5px
3、只有三边情况缩写:
margin:5px 0 6px 4px或margin:5px auto 6px 4px
4、四边相同值缩写:
margin:5px;
5、四边其中上下值和左右值各相同缩写:
margin:5px 7px;
6、只写前三个时代表上,右,下:
margin:5px 6px 7px;
利用margin实现布局居中,基础单词:
marign:0 auto