最近我发布了一篇关于 记住 CSS 锚选择器的小技巧。现在我还有一个更有用的技巧,使用单词 TROUBLE 来记住 CSS 速记中 padding/margin 值的顺序。这个技巧是,单词中前四个辅音字母分别是“Top”(顶部),“Right”(右侧),“Bottom”(底部)和“Left”(左侧)的首字母。我喜欢这个技巧,因为我总是记不住哪个是哪个。我为此感到非常困扰,以至于我实际上一直在犹豫是否使用 CSS 速记,因为有时我觉得它会降低代码的可读性。现在我永远不会忘记了!这里有一个小图形来帮助我们牢记它=)。
记住 Margin/Padding 速记的顺序:使用 TROUBLE
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!
我喜欢它。
我一直记得顺序也是顺时针的。(12, 3, 6, 9)
是的!这是另一个记住它的好方法。
是的,时钟方法也是如此……TRouBLe 似乎太麻烦了……
我也使用时钟方法。现在,由于“trouble”方法,我永远不会忘记正确的顺序了。:)
我也很 TRouBLe,所以这个首字母缩略词永远不会被忘记!
刚搜索了 padding CSS 的顺序,然后看到了这篇文章——现在我永远不会忘记这个技巧了。谢谢,你太棒了!
啊哈!这正是我想出的助记符。我赞成。
另外,长期听众,第一次打电话。博客的忠实粉丝。继续努力!
我是一个网页开发新手,这个技巧对我来说是一个救星。谢谢!!!!!
谢谢!这正是我需要的。现在记住顺序不再是 TRouBLe 了。时钟方法总是让我搞混。我总是把它和 Dr. Pepper 的 10 点、2 点和 4 点搞混。如果你不知道 10 点、2 点和 4 点指的是什么,那么你可能也没有看过尼尔·阿姆斯特朗迈出那一步。