Sol, üst, sağ, alt CSS'yi hatırlamak

CSS kullanırken, kenarlık, kenar boşluğu ve dolgu gibi birleşik CSS niteliklerini tanımlarken sol, üst, sağ, alt sırasını hatırlamak için ne gibi küçük numaralar yaptınız (belki bir deyiş?).

Sonsuza kadar unutuyorum ve Google, W3Schools gibi saçmalıklarla dolu görünüyor.

Hepsi yukarıdan başlayarak saat yönünde gider .

CSS sorun. TRBL Üst-Sağ-Alt-Sol

Bir saat yüzünü görselleştirerek hatırlıyorum: saat 12'de (üstte), sonra saat 3'te (sağda), sonra saat 6'da (altta) ve son olarak saat 9'da (solda).

Basit sargı benzetmesine ek olarak, başka bir anımsatıcı sunuyorum: Üst, Sağ, Alt, Sol , başlangıçta TRBL , korkunç telaffuz - ya da isterseniz sorun . (Hey, tiz bile bariton olarak bana sorun veriyor.) Ses Web tasarımının dört ilkesi olan CRAP (Kontrast, Tekrarlama, Hizalama, Yakınlık) ile iyi uyuyor.

uygulama

Bu küçük tidbit için özel bir ezberleme yöntemi kullandığımı hatırlamıyorum . Yukarıdan saat yönünde yerleştirildiklerini öğrendiğimi biliyorum, ama sonra çok fazla CSS yazmaya başladım.

Bir görevi tekrar tekrar yaptığınızda, verimlilik ayrıntılarını ezberleme eğilimi vardır, bu nedenle şu noktada:

1. herşey
2. üst ve alt sağ ve sol
3. sağ üst ve sol alt
4. sağ üst alt sol

ikinci doğadır. Tıpkı:

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

ve

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