记住 Margin/Padding 速记的顺序:使用 TROUBLE

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

最近我发布了一篇关于 记住 CSS 锚选择器的小技巧。现在我还有一个更有用的技巧,使用单词 TROUBLE 来记住 CSS 速记中 padding/margin 值的顺序。这个技巧是,单词中前四个辅音字母分别是“Top”(顶部),“Right”(右侧),“Bottom”(底部)和“Left”(左侧)的首字母。我喜欢这个技巧,因为我总是记不住哪个是哪个。我为此感到非常困扰,以至于我实际上一直在犹豫是否使用 CSS 速记,因为有时我觉得它会降低代码的可读性。现在我永远不会忘记了!这里有一个小图形来帮助我们牢记它=)。

trouble.gif