CSS常用属性整理汇总全集,我把所有前端框架整理成了PDF

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: 值被设置为相对边的值

: 用长度值来定义外补白。可以为负值

: 用百分比来定义外补白。可以为负值

----

  • 8
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值