首页前端开发CSS如何使用值复制

如何使用值复制

时间2024-05-26 12:00:03发布访客分类CSS浏览88
导读:如何使用值复制。 有时,我们会输入一些几回再三的值: p {margin: 0.5em 1em 0.5em 1em;} 经过值复制,您概略没必要重复地键入这对数字。下面的规定和下面的规则是等价的: p {margin: 0.5em...

如何使用值复制。

有时,我们会输入一些几回再三的值:

p {
    margin: 0.5em 1em 0.5em 1em;
}

经过值复制,您概略没必要重复地键入这对数字。下面的规定和下面的规则是等价的:

p {
    margin: 0.5em 1em;
}
    

这两个值梗概包揽后头 4 个值。这是如何做到的呢?CSS 界说了一些规则,准许为外边距指定少于 4 个值。划定以下:

  • 若是缺少左外边距的值,则应用右外边距的值。
  • 要是缺少下外边距的值,则使用上外边距的值。
  • 假如缺少右外边距的值,则应用上外边距的值。

下图供给了更直观的方式来大白这一点:

换句话说,若是为外边距指定了 3 个值,则第 4 个值(即左外边距)会从第 2 个值(右外边距)复制失去。如果给定了两个值,第 4 个值会从第 2 个值复制获得,第 3 个值(下外边距)会从第 1 个值(上外边距)复制失去。收尾一个环境,假定只给定一个值,那么其他 3 个外边距都由这个值(上外边距)复制失去。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 如何使用值复制
本文地址: https://pptw.com/jishu/668453.html
高防服务器租用需要注意什么事项 香港服务器是否适合视频网站使用

游客 回复需填写必要信息