CSS shorthand properties(CSS 缩写性质)

第一次自己试着翻译。

①font

font-size: 1em;

line-height: 1.5em;

font-weight: bold;

font-style: italic;

font-family: serif;

可替换成 font: italic bold 1em/1.5em serif;

其设置顺序是font-style,font-variant,font-weight,font-size/line-height,font-family。

其中font-size和font-family是必须设置的,其他未设置的属性会自动设置成默认值(normal)。

②background

background-color: #fff;

background-image: url(#);

background-repeat: no-repeat;

bakcground-position: top left;

可替换成background: #fff url(#) no-repeat top left;

其设置顺序是background-color,background-position, background-size, background-repeat, background-origin,background-clip, background-attachment, and background-image.

如果缺少其中的某个属性是允许的,如 background:#ff0000url(#);其中未设置的会使用默认值。如省略background-position会使用top-left,background-repeat会由horizontally和vertically代替。

③list-style

list-style: #fff;

list-style-type: disc;

list-style-position: outside;

list-style-image: url(#);

可由list-style: discoutside url(#);

设置顺序可以是list-style-type, list-style-position,list-style-image

如果缺少某项值,浏览器会按其默认值,他们分别是disc,outside,none

④Margin & padding

margin: 2px 1px 3px 4px;(top,right,bottom,left)

margin: 5em 1em 3em;(top,right and left,bottom)

margin: 5em 1em;(top and bottom,right and left)

⑤border

border: 1px black solid;(border-width,border-color,border-style)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值