css中的内外边距和背景

css中margin、padding和background

• margin与padding

内外边距图示

margin常用代码有

 margin:16px; 
 margin-top/right/bottom/left:18px;

padding与margin属性相同

1.注意两个边距后面出现4个数值时，默认顺序为上右下左
2.padding没有负值，margin负值表示移动方向相反

顺序排列：右上下左

margin:20px 30px 35px 20px；

• background

常用属性

1.背景图片的应用
background:url(图片来源)；
或者
background-image: url(图片来源)；

2.平铺
background-repeat:repeat/norepeat/repeat-x/repeat-；y
综合上面两个属性可用

background:url（图片来源 ）repeat；

平铺效果图

3.背景大小
background-size:百分数；

• display常用的属性
  display：flex/block/inline/none/
  其中注意display：none与visibility：hidden的区别，前者表示元素消失而后者表示元素隐藏（前者空间会被占据而后者不会）。