HTML中怎么使用值复制
本文小编为大家详细介绍“HTML中怎么使用值复制”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML中怎么使用值复制”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
无意,咱们会输入一些一再的值:
p {margin: 0.5em 1em 0.5em 1em;}
通过值复制,您能够无庸频频地键入这对数字。上面的划定与下面的划定规矩是等价的:
p {margin: 0.5em 1em;}
这两个值大概承办后背 4 个值。这是如何做到的呢?CSS 定义了一些规则,容许为外边距指定少于 4 个值。规则以下:
如果缺少左外边距的值,则使用右外边距的值。
如果缺少下外边距的值,则使用上外边距的值。
如果短少右外边距的值,则使用上外边距的值。
下图供应了更直观的方法来领略这一点:
换句话说,如果为外边距指定了 3 个值,则第 4 个值(即左外边距)会从第 2 个值(右外边距)复制失掉。如果给定了两个值,第 4 个值会从第 2 个值复制获取,第 3 个值(下外边距)会从第 1 个值(上外边距)复制获得。收尾一个情况,如果只给定一个值,那末此外 3 个外边距都由这个值(上外边距)复制失掉。
把持这个容易的机制,您只需指定重要的值,而不用一切都应用 4 个值,例如:
h2 {margin: 0.25em 1em 0.5em;}
h3 {margin: 0.5em 1em;}
p {margin: 1px;}
这种法子有一个小害处,您最后必然会碰着这个问题。若是盼愿把 p 元素的上外边距和左外边距设置为 20 像素,下外边距和右外边距设置装备摆设为 30 像素。在这种环境下,必须写作:
p {margin: 20px 30px 30px 20px;}
读到这里,这篇“HTML中怎么使用值复制”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341