Kā es pievilināju smadzenes, piemēram, darot smagas lietas (dopamīna detoksikācija)

Kad izmantojat CSS, kādus mazus trikus esat izdarījis, lai atcerētos (varbūt teicienu?) Kreisās, Augšējās, Labās, Apakšējās kārtību, definējot kombinētus CSS atribūtus, piemēram, apmale, mala un polsterējums.

Es esmu uz visiem laikiem aizmirsis, un Google, šķiet, ir apdzīvota ar tādām blēņām kā W3Schools.

  • 6 Kā w3schools.com ir "crap"? Acīm ir vieglāk lasīt viņu CSS3 atsauces nekā W3C CSS 3 specifikācijas dokumentā ...
  • 8 @danlefree Skatiet W3Fools, lai skatītu garu sūdzību sarakstu. (Lai gan es nezinu, ka viņi kaut kur ir kļūdījušies attiecībā uz šo konkrēto jautājumu.)
  • Danlefee, skatiet Su atbildi. w3schools ir sātans par HTML / CSS / JS mācību un resursu reklamēšanu. Notiek kustība, lai notriektu krāpšanos no google 1. lapas.
  • 2 Interesanti, kāpēc neviens nepieminēja ziemeļus, austrumus, dienvidus, rietumus. Tas ir līdzvērtīgs pulksteņrādītāja kustības virzienam, bet hey :).

Viņi visi iet pulksteņrādītāja virzienā, sākot no augšas.

  • 4 Izņemot fona pozicionēšanu (kas šajā gadījumā šķiet nedaudz aktuāla), vispirms izvēloties kreiso nobīdi, pēc tam augšējo nobīdi.
  • @Marcel, ļoti patiess, kas izskaidro, kāpēc es vienmēr pirmo reizi kļūdos.
  • fona pozicionēšana ir pasūtīta x-y kas ir saprātīgāk, ja izmantojat skaitliskas vērtības, nevis left top.

CSS ir nepatikšanas. T-R-B-L Augšējā labā-apakšējā-kreisā

  • Bahs, piekauts līdz puncim. Sportisks +1.

Es to atceros, vizualizējot pulksteņa seju: sākot no pulksten 12 (augšā), pēc tam pārejot uz pulksten 3 (pa labi), pēc tam pulksten 6 (apakšā) un visbeidzot pulksten 9 (pa kreisi).

Papildus tiešajai tinumu analoģijai es piedāvāju vēl vienu mnemotisku: Augšā, Pa labi, Apakšā, Kreisajā pusē dod inicialismu TRBL, izrunā briesmīgiVai nepatikšanas ja tev patīk. (Hei, pat trīskāršais man sagādā nepatikšanas kā baritons.) Tas labi iederas CRAP (Contrast, Repetition, Alignment, Proximity), četros skaņas Web dizaina principos.

  • 1 KRAPIS. Labi darīts, kungs

prakse

Es neatceros, ka kādreiz būtu lietojis kaut ko īpašu metodi atcerēties šo mazo sīkumu. Es zinu, ka uzzināju, ka tie ir iestatīti pulksteņrādītāja kustības virzienā no augšas, bet tad es turpināju rakstīt daudz CSS.

Veicot uzdevumu atkārtoti, ir tendence iegaumēt detaļas efektivitātes labad, tāpēc šajā brīdī:

  1. visi
  2. augšējā un apakšējā labajā un kreisajā pusē
  3. augšējā labajā un kreisajā apakšējā stūrī
  4. augšējā labajā apakšējā kreisajā stūrī

ir otrā daba. Tieši kā:

border:  <style> ; 

un

background:    ; 

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?