margin使用技巧与CSS代码优化

margin:10px; 意思就是上下左右元素块距离就是10px&＃xff08;10像素&＃xff09;等于margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; 一样效果简写&＃xff1b;

margin:5px 10px; 意思上下元素块距离为5px&＃xff0c;左右的元素块距离为10px&＃xff0c;等于margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px; 一样效果简写&＃xff1b;

margin:5px 6px 7px; 意思上元素块距离5px&＃xff0c;下元素块距离为7PX&＃xff0c;左右元素块距离为6px&＃xff0c;等于margin-top:5px; margin-bottom:7px; margin-left:6px; margin-right:6px; 一样效果简写&＃xff1b;

margin:5px 6px 7px 8px; 意思上元素块为5px&＃xff0c;右元素块距离为6px &＃xff0c;下元素块距离为7px&＃xff0c;左元素块距离8px&＃xff0c;等于margin-top:5px; margin-right:6px; margin-bottom:7px; margin-right:8px; 一样效果简写&＃xff1b;

其中margin:5px 6px 7px 8px;