Eine Mnemonik für die Reihenfolge der CSS-Rand- und Padding-Kurzschrift-Eigenschaften

85

Ich kann mich nie an die Reihenfolge der Shorthand-Eigenschaft zum Festlegen des Randes oder des Auffüllens in einer Deklaration erinnern. Das ist:

margin-top:    2px;
margin-bottom: 4px;
margin-left:   3px;
margin-right:  8px;

kann geschrieben werden als

margin: 2px 8px 4px 3px;

Ja, ich verstehe, dass man die Reihenfolge visualisieren kann, indem man an eine Uhr denkt, die am Mittag beginnt und sich im Uhrzeigersinn bewegt. Aber das vergesse ich immer wieder. Ich muss die Reihenfolge oben, rechts, unten, links in Textform abrufen.

Daher ist TBLR TRB L.

So etwas wie dieses [R-Nomen] [B-Verb] [L-Nomen] ist vielleicht der richtige Weg, aber mir fehlt die Inspiration. Wenn jemand eine nützliche Mnemonik dafür gefunden hat, würde ich sie gerne hören. Wie ein gutes Mem bin ich mir sicher, dass ich es wahrscheinlich nicht vergessen werde, wenn ich etwas in meinem Gehirn habe.

HINWEIS : Diese Frage enthielt falsche Informationen. Die Reihenfolge (wie in einigen Kommentaren und Antworten angegeben) ist oben rechts unten links . (heh, sehen was ich meine? - dland)

css mnemonics Land
quelle
21
es ist TRBL, die Sie wirklich tun es Probleme Erinnerns haben
inspite
10
Dies ist ein Overkill für alle, die mit analogen Uhren vertraut sind. Abstraktionen wie Wörter und Akronyme sind für den menschlichen Verstand unnatürlich. Wenn man sich an TRBL erinnert und dann jeden Buchstaben manuell in eine physische Orientierung umwandelt, wird das Leben komplizierter, als es IMO sein muss. Um sich die Reihenfolge visuell besser merken zu können, arbeiten Sie in diesem Zusammenhang schließlich in einem visuellen Medium: D.
Mahemoff
2
Sollte sich auch daran erinnern, was passiert, wenn nur zwei oder drei Werte angegeben werden. Zum Beispiel "margin: 3em 5em;" und "margin: 3em 5em 6em;". Im ersten Fall wird 3em für die Ober- und Unterseite und 5 für die linke und rechte Seite verwendet. Im zweiten Fall 3 für oben, 5 für links und rechts und 6 für unten. Ich nehme an, es ist leicht zu merken, was passiert, wenn nur ein Wert angegeben wird.
Harry Pehkonen
2
Ich liebe die Antworten, aber dies muss die lächerlichste Frage sein, nur weil Sie so vorgehen. Du hast mich mit den Substantiven und Verben völlig verloren. Es ist eine Kiste, steck eine Uhr hinein und sei fertig damit.
Eric Bishard

Antworten:

174

Wenn Sie es nicht richtig machen, wird es TROUBLe geben

Paul Dixon
quelle
7
Kein Problem, an das Sie sich erinnern sollten, wenn Sie Vokale entfernen
zzapper
5
@zzapper: OUch --- EEEks. Ich habe es falsch verstanden und die Konsonanten entfernt.
Yaakov Belch
css-tricks.com/…
Ryan Williams
75

Eigentlich funktioniert die Uhr perfekt. Zumindest für mich ist es die intuitivste Art, sich daran zu erinnern.

Yuval Adam
quelle
1
Und es funktioniert auch bildlich ... die meiste Zeit werden Sie sowieso visuell denken.
Armstrongest
25

Tricky Rectangle Border Logic?

Paul Dixon
quelle
1
Ich habe das noch nie gehört, aber es gefällt mir :)
Adam Rezich
21

Warum denken Sie nicht einfach daran, dass die Bestellung von oben nach unten im Uhrzeigersinn erfolgt:

OBEN -> RECHTS -> UNTEN -> LINKS

Steve
quelle
15

Ein weiterer Versuch:

Tyrannosaurus Rex: Große Eidechse

Paul Dixon
quelle
12

Denken Sie nur im Uhrzeigersinn, es ist der einfachste Weg. Beginnt oben und geht herum ... viel leichter zu merken als irgendein dummer Satz (vorausgesetzt, Sie wissen, wie man eine Uhr liest ...)

Logan Serman
quelle
12

Der wirklich große Lebowski

Paul Dixon
quelle
8

T R ou B L e.

Adam Rezich
quelle
8

Zeitweise Rotation, Bit Lame?

Paul Dixon
quelle
6

Probieren Sie Roastbeef-Reste?

Paul Dixon
quelle
3

" T op, rechts, unten, links"
R eally
B ad
L imerick

trotz
quelle
2

TRouBLe ist das Beste für mich. Und wenn nur 3 Werte angezeigt werden, ist es Top, Sides, Bottom - was für britische Benutzer TSB bedeutet (die Bank, die die Regierung mit unserem Geld retten musste) - also sind TRouBLe und TSB eng miteinander verbunden!

Toby
quelle
2

FEHLER ist für mich immer eine sekundäre Erinnerung, da ich zuerst an die Richtung im Uhrzeigersinn denke, mich aber möglicherweise daran erinnern muss, wo Sie anfangen. Die Kurzform mit drei Werten hat mich jedoch immer verwirrt, bis mir klar wurde, dass der mittlere (oder zweite) Wert zwei Werte (die Seiten) darstellen muss. Drei Werte - der zweite sind zwei Werte - helfen mir, mich daran zu erinnern.

Mitch Powell
quelle
2

Der Clock-Trick funktioniert für die 4-Nummern-Verknüpfung, aber gibt es eine Logik für die 3- und 2-Nummern-Verknüpfungen? 1 Nummer und es gilt für alles, und das macht Sinn, aber

1 = (T/R/b/l) 
2 = (T=b) (R=l)   
3 = (T) (R=l) (b)  
4 = (T) (R) (b) (l)

Es scheint einfach überhaupt nicht logisch. Aber ... Der erste Wert bezieht sich auf oben, der zweite auf rechts, der dritte auf unten und der vierte auf links; Eine Zahl wird nicht angegeben, wenn sie mit dem Gegenteil identisch ist. Horizontal und vertikal MÜSSEN deklariert werden, es sei denn, alle Werte sind identisch.

Mit anderen Worten, Sie geben immer die Werte oben und rechts an, unten und links fallen nach Bedarf hinein.

TRT
quelle
1

Denken Sie, Sie lesen Arabii oder Hebräisch: Lesen Sie von oben nach links von rechts nach links nach unten. ; P Das Gute an dieser "Regel" ist, dass sie auch für die 3-Wert-Version funktioniert: top right-and-left bottom

Eigentlich dachte ich auch, es sei schwer zu merken, aber sobald ich herausfand, dass es die Richtung der Uhr war, war es einfacher.

Stein G. Strindhaug
quelle
1

Es ist 

top
right 
bottom 
left

nicht was du hast

T Hink R echts B Sie efore L eap

DD59
quelle
Es gibt ein zusätzliches "Du".
Ziyuang
1

Es gibt immer die Stadt TRumBuLl Connecticut


quelle
1

* T * op * R * amen, * B * ottom, * L * unch

David Horne
quelle
1

Denken Sie an die Fahrstunde:

Biegen Sie rechts vor links ab

Gast
quelle
0

Wenn Sie alt genug sind, um sich an die ursprüngliche Star Trek-TV-Serie zu erinnern (Sie wissen, mit Capt Kirk), sind Sie zu verdammt alt. Aber es gibt die Episode " The Trouble with Tribbles ". Beide Substantive im Titel funktionieren. Ich habe das in der Vergangenheit benutzt, bevorzuge aber auch die Uhrenanalogie.

mikekehrli
quelle
0

Wenn Sie in einer bestimmten Situation zuschlagen, denken Sie nur an eine Drehung im Uhrzeigersinn, dh wie sich die Uhr in einer kreisförmigen Drehung von 0 auf 60 dreht.

Die Uhrensache ist meiner Meinung nach leichter zu merken als das Wort TRouBLe (als markierte Antwort), da das Wort troublezur englischen Sprache gehört und all jene Köpfe, die in der englischen Sprache beheimatet sind, es möglicherweise leichter finden, sich das Wort TRouBLe in Bezug auf die jeweilige Situation zu merken, aber nicht andere, die nur dann Englisch sprechen, wenn sie es wirklich müssen.

Gleiches gilt nicht für die Drehung einer Uhr im Uhrzeigersinn, wenn es darum geht, sich an etwas zu erinnern (wie es die Frage gestellt hat), da die Drehung im Uhrzeigersinn ein weltweit sehr bekanntes Phänomen ist.

R K.
quelle
0

Einige Abkürzungen (man kann diejenige betrachten, die vertraut klingt):

  1. TR OU BL E ( TR OU BL ESHOOT , TR OU BL ESOME )
  2. T E R RI BL E.
  3. TR IB BL E.
  4. T er R oyal B ritish L egion
  5. T obacco R oad B asketball L eague
  6. T emporary R Abend B orrowing L imit
  7. T ransformational R ule- B asierend L Ertrag
drac_o
quelle