Ricordando CSS a sinistra, in alto, a destra, in basso

19

Quando hai usato CSS quali piccoli trucchi hai fatto per ricordare (forse un detto?) L'ordine di left, top, right, bottom quando hai definito attributi CSS combinati come border, margin e padding.

Sto dimenticando per sempre e Google sembra popolato di merda come W3Schools.

css

— Mâtt Frëëman
fonte

6

In che modo w3schools.com è "schifo"? È più facile per gli occhi leggere il loro riferimento CSS3 rispetto al documento di specifica CSS 3 del W3C ...

— danlefree

8

@danlefree Vedi W3Fools per un lungo elenco di reclami. (Anche se non sono consapevole del fatto che si sbagliano da nessuna parte per quanto riguarda questa particolare domanda.)

— Su

Danlefee, vedi la risposta di Su. w3schools è un sostenitore della promozione dell'apprendimento e delle risorse su HTML / CSS / JS. È in corso un movimento per far cadere la merda da pagina 1 google.

— Mâtt Frëëman,

2

Mi chiedo perché nessuno abbia menzionato Nord, Est, Sud, Ovest. È equivalente a in senso orario, ma ehi :).

— Kevin,

24

Vanno tutti in senso orario , partendo dall'alto.

— John Conde
fonte

4

Tranne il posizionamento di sfondo (che sembra un po 'rilevante in questo caso), optando prima per l'offset sinistro, poi per l'offset superiore.

— Marcel,

@Marcel, molto vero, il che spiega perché ho sempre sbagliato quello la prima volta.

— John Conde

il posizionamento in background viene ordinato per le x-ycoordinate, il che è più ragionevole quando si utilizzano valori numerici, anziché left top.

— zzzzBov,

20

CSS è un problema. TRBL in alto a destra in basso a sinistra

— Ray Mitchell
fonte

Bah, battuto a pugni. Un +1 sportivo.

— Jon Purdy,

8

Lo ricordo visualizzando un quadrante: a partire dalle 12 (in alto), poi spostandomi alle 3 (a destra), quindi alle 6 (in basso) e infine alle 9 (a sinistra).

— tacca
fonte

5

Oltre alla semplice analogia tortuosa, offro un altro mnemonico: Alto, Destro, Basso, Sinistro dà l'inizialismo TRBL , pronunciato terribile, o guai se vuoi. (Ehi, anche gli alti mi danno problemi come baritono.) Si adatta bene a CRAP (Contrasto, Ripetizione, Allineamento, Prossimità), i quattro principi del sound design Web.

— Jon Purdy
fonte

1

UNA SCHIFEZZA. Ben fatto, signore

— Ray Mitchell,

2

pratica

Non ricordo di aver mai usato alcun metodo speciale di memorizzazione per questo piccolo bocconcino. So di aver appreso che erano impostati in senso orario dall'alto, ma poi ho continuato a scrivere un sacco di CSS.

Quando esegui un'attività ripetutamente c'è la tendenza a memorizzare i dettagli per l'efficienza, quindi a questo punto:

tutti
in alto e in basso a destra e a sinistra
in alto a destra e in basso a sinistra
in alto a destra in basso a sinistra

è una seconda natura. Proprio come:

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

e

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

— zzzzBov
fonte