css里这个各代表什么意思?外边距：margin:9px;和margin:9px9px;和margin:9px9px9px;和margin:9px9px9px9px;内边距：padding:9px;和padding:9px9px;和padding:9px9px9px;和padding:9px9px9px9px;

Question

css里这个各代表什么意思?
外边距：margin:9px; 和 margin:9px 9px; 和 margin:9px 9px 9px; 和 margin:9px 9px 9px 9px;
内边距：padding:9px; 和 padding:9px 9px; 和 padding:9px 9px 9px; 和 padding:9px 9px 9px 9px;

Answer 1

虽然效果是一样的,但是意义却不同,对应这解释如下：
margin:9px; 向四个方向都延伸9个像素；
margin:9px 9px; 上、右延伸9个像素,下、左对应补充9个像素；
margin:9px 9px 9px; 向上、右、下延伸9个像素,因为右有9个像素左没有定义,向左补充9个像素；
margin:9px 9px 9px 9px; 四个方向都延伸9个像素；和第一个一样
padding同理