no-repeat: 背景图像不平铺
round: 背景图像自动缩放直到适应且填充满整个容器。(CSS3)
space: 背景图像以相同的间距平铺且填充满整个容器或某个方向。(CSS3
-------------------------------------------------------------------------
background-position: 设置或检索对象的背景图像位置。必须先指定background-image属性。
如果提供四个,每个或偏移前都必须跟着一个关键字(即left | center | right | top | bottom),偏移量相对关键字位置进行偏移。
示例:假设要定义背景图像在容器中右下方,并且距离右边和底部各有20px
缩写方式: background:url(test1.jpg) no-repeat right 20px bottom 20px;
: 用百分比指定背景图像填充的位置。可以为负值。
: 用长度值指定背景图像填充的位置。可以为负值。
center: 背景图像横向和纵向居中。
left: 背景图像在横向上填充从左边开始。
right: 背景图像在横向上填充从右边开始。
top: 背景图像在纵向上填充从顶部开始。
bottom: 背景图像在纵向上填充从底部开始。
------------------------------------------------------------
background-origin: 设置或检索对象的背景图像计算background-position时的参考原点(位置)。
padding-box: 从padding区域(含padding)开始显示背景图像。
border-box: 从border区域(含border)开始显示背景图像。
content-box: 从content区域开始显示背景图像。
-----------------------------------------------------------
【margin】
margin 检索或设置对象四边的外延边距
margin-top 检索或设置对象顶边的外延边距
margin-right 检索或设置对象右边的外延边距
margin-bottom 检索或设置对象底边的外延边距
margin-left 检索或设置对象左边的外延边距
argin:检索或设置对象四边的外延边距。
如果提供全部四个参数值,将按上、右、下、左的顺序作用于四边。
如果只提供一个,将用于全部的四边。
如果提供两个,第一个用于上、下,第二个用于左、右。
如果提供三个,第一个用于上,第二个用于左、右,第三个用于下。
内联对象可以使用该属性设置左、右两边的外补丁;若要设置上、下两边的外补丁,必须先使该对象表现为块级或内联块级。
外延边距始终透明。
某些相邻的margin会发生合并,我们称之为margin折叠:
margin折叠常规认知:
margin折叠只发生在块级元素上;
浮动元素的margin不与任何margin发生折叠;
设置了属性overflow且值不为visible的块级元素,将不与它的子元素发生margin折叠;
绝对定位元素的margin不与任何margin发生折叠;
根元素的margin不与其它任何margin发生折叠;
auto: 值被设置为相对边的值
: 用长度值来定义外补白。可以为负值
: 用百分比来定义外补白。可以为负值
----