Se souvenir de CSS gauche, haut, droite, bas

19

Lors de l'utilisation de CSS, quels petits trucs avez-vous faits pour vous souvenir (peut-être un dicton?) De l'ordre de gauche, haut, droit, bas lors de la définition d'attributs CSS combinés tels que bordure, marge et remplissage.

J'oublie toujours et Google semble peuplé de conneries comme W3Schools.

css Mâtt Frëëman
la source
6
Comment est w3schools.com "merde"? Il est plus facile pour les yeux de lire leur référence CSS3 que le document de spécification W3C CSS 3 ...
danlefree
8
@danlefree Voir W3Fools pour une longue liste de plaintes. (Bien que je ne sois pas au courant qu'ils se trompent nulle part en ce qui concerne cette question particulière.)
Su '20
Danlefee, voir la réponse de Su. w3schools est un satan sur la promotion de l'apprentissage et des ressources sur HTML / CSS / JS. Un mouvement est en cours pour faire tomber la merde de la page 1 de Google.
Mâtt Frëëman
2
Je me demande pourquoi personne n'a mentionné le nord, l'est, le sud et l'ouest. C'est équivalent au sens horaire, mais bon :).
Kevin

Réponses:

24

Ils vont tous dans le sens des aiguilles d'une montre , en partant du haut.

John Conde
la source
4
Sauf le positionnement en arrière-plan (qui semble un peu pertinent dans ce cas), en optant pour le décalage gauche en premier, puis le décalage supérieur en second.
Marcel
@Marcel, très vrai, ce qui explique pourquoi je me trompe toujours la première fois.
John Conde
le positionnement en arrière-plan est ordonné pour les x-ycoordonnées, ce qui est plus raisonnable lorsque vous utilisez des valeurs numériques plutôt que left top.
zzzzBov
20

CSS est un problème. TRBL Haut-Droite-Bas-Gauche

Ray Mitchell
la source
Bah, battu au poinçon. Un +1 sportif.
Jon Purdy
8

Je m'en souviens en visualisant un cadran d'horloge: à partir de 12 heures (en haut), puis en se déplaçant à 3 heures (à droite), puis à 6 heures (en bas) et enfin à 9 heures (à gauche).

pseudo
la source
5

En plus de l'analogie simple et sinueuse, je propose un autre mnémonique: Haut, Droite, Bas, Gauche donne l'initialisme TRBL , prononcé terrible - ou problème si vous voulez. (Hé, même les aigus me posent des problèmes en tant que baryton.) Cela correspond bien au CRAP (Contraste, Répétition, Alignement, Proximité), les quatre principes d'une conception Web saine.

Jon Purdy
la source
1
MERDE. Bien joué, monsieur
Ray Mitchell
2

entraine toi

Je ne me souviens pas avoir jamais utilisé de méthode spéciale de mémorisation pour ce petit morceau. Je sais que j'ai appris qu'ils étaient définis dans le sens des aiguilles d'une montre à partir du haut, mais j'ai ensuite écrit beaucoup de CSS.

Lorsque vous effectuez une tâche à plusieurs reprises, il y a une tendance à mémoriser les détails pour plus d'efficacité, donc à ce stade:

  1. tout
  2. en haut et en bas à droite et à gauche
  3. en haut à droite et en bas à gauche
  4. en haut à droite en bas à gauche

est une seconde nature. Juste comme:

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

et

background: <color> <image> <repeat> <attachment> <position>;
zzzzBov
la source