Zapamiętywanie CSS w lewo, góra, prawo, dół

Podczas korzystania z CSS, jakie małe sztuczki zrobiłeś, aby zapamiętać (być może powiedzenie?) Kolejność lewej, górnej, prawej, dolnej przy definiowaniu połączonych atrybutów CSS, takich jak obramowanie, margines i wypełnienie.

Na zawsze zapominam, a Google wydaje się być taki gówniany jak W3Schools.

Wszystkie idą zgodnie z ruchem wskazówek zegara , zaczynając od góry.

CSS to kłopot. TRBL góra-prawo-dół-lewo

Pamiętam to, wizualizując tarczę zegara: zaczynając od godziny 12 (u góry), następnie przechodząc do godziny 3 (po prawej), następnie o godzinie 6 (u dołu) i wreszcie o godzinie 9 (po lewej).

Oprócz prostej analogii uzwojenia, oferuję inny mnemonik: Góra, Prawo, Dół, Lewo daje inicjalizację TRBL , wymawiane strasznie - lub kłopot, jeśli chcesz. (Hej, nawet wysokie tony sprawiają mi kłopoty jako baryton). Pasuje dobrze do CRAP (kontrast, powtórzenie, wyrównanie, bliskość), czterech zasad dźwiękowego projektowania stron internetowych.

ćwiczyć

Nie przypominam sobie, aby kiedykolwiek używałam specjalnej metody zapamiętywania tego małego smakołyka. Wiem, że dowiedziałem się, że zostały ustawione zgodnie z ruchem wskazówek zegara od góry, ale potem zacząłem pisać dużo CSS.

Gdy wykonujesz zadanie wielokrotnie, istnieje tendencja do zapamiętywania szczegółów dotyczących wydajności, więc w tym momencie:

1. wszystko
2. górny i dolny prawy i lewy
3. prawy górny i lewy dolny
4. prawy górny dolny lewy

to druga natura. Tak jak:

border: <width> <style> <color>;

i

background: <color> <image> <repeat> <attachment> <position>;