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


19

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.


6
Jak bzdury w3schools.com? Łatwiej jest odczytać ich Odniesienie CSS3 niż dokument specyfikacji W3C CSS 3 ...
danlefree

8
@danlefree Zobacz W3Fools, aby uzyskać długą listę skarg. (Chociaż nie jestem świadomy, że nigdzie się mylą, jeśli chodzi o to konkretne pytanie).
Su '20

Danlefee, patrz odpowiedź Su. w3schools to szatan promujący naukę i zasoby na temat HTML / CSS / JS. Trwa ruch, aby usunąć bzdury ze strony 1 Google.
Mâtt Frëëman

2
Zastanawiam się, dlaczego nikt nie wspominał o północy, wschodzie, południu i zachodzie. Jest to równoważne z ruchem wskazówek zegara, ale hej :).
Kevin

Odpowiedzi:


24

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


4
Z wyjątkiem pozycjonowania tła (co w tym przypadku wydaje się trochę istotne), najpierw wybierz lewe przesunięcie, a następnie górne przesunięcie na drugim miejscu.
Marcel

@Marcel, bardzo prawda, co tłumaczy, dlaczego za pierwszym razem zawsze się mylę.
John Conde

pozycjonowanie w tle jest uporządkowane dla x-ywspółrzędnych, co jest bardziej rozsądne, gdy używasz wartości liczbowych, a nie left top.
zzzzBov


8

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).


5

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.


1
BZDURY. Dobra robota, proszę pana
Ray Mitchell,

2

ć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>;
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.