En rask guide til CSS Verdi Definition Syntax

January 13  by Eliza

CSS-spesifikasjonene, skapt av World Wide Web Consortium (W3C), definere syntaks og mulige verdier av alle CSS egenskaper. Å lage definisjoner så presis som mulig, bruker W3C et formelt system som kalles CSS verdi definisjon syntaks.

Selv om definisjonen syntaks definerer mulige verdier meget presist, lese syntaks som CSS verdidefinisjoner er skrevet i kan være vanskelig uten en nøkkel. Men i virkeligheten, lesing slik syntaks er ganske enkel. For eksempel, her er syntaksen for verdien av margin snarvei eiendom:

[<Lengde> | <prosent> | auto] {1,4}

Og her er gyldige anvendelser av margin eiendom:

margin: 0px;
margin: 1px 10%;
margin: 1px 0px auto;
margin: 1px 0px 1px 0px;

Selv om du ikke vet hva eiendommen margin eller hver av disse eksemplene gjør det, kan du finne ut hvordan du skal lese syntaks definisjon bare ved å se på definisjonen og deretter undersøke eksempler.

Her er en rask guide til å lese CSS verdi definisjon syntaks:

  • Når et søkeord vises uten anførselstegn, betyr det at ordet bør brukes som det er, for eksempel i tilfelle av auto nøkkelordet i eksempelet ovenfor.
  • Grunnleggende CSS datatyper vises mellom <og>. For eksempel <tid>, <farge> og <uri> er grunnleggende typer som er definert andre steder. Når du ser en av disse typene, vet du at noen gyldig verdi i den datatypen kan brukes.
  • Når du ser to-tegn sammen (&&), betyr det at verdier atskilt med dette symbolet er både obligatorisk, men, de kan dukke opp i hvilken som helst rekkefølge.
  • Parenteser ([]) konsernets verdier sammen i ett.
  • Verdier atskilt med || er valgfrie. Men en av dem må vises, og de kan vises i hvilken som helst rekkefølge.
  • Den | tegnet betyr at alternativene er eksklusive - akkurat en av dem må vises.
  • Stjernen (*) indikerer at en verdi kan vises null, én gang eller flere ganger.
  • Plusstegnet (+) betyr at en verdi som kan opptre en eller flere ganger.
  • Spørsmålstegnet (?) Indikerer at en verdi er valgfritt. Hvis det ser ut, kan det bare vises en gang.
  • Når du ser <lengde>, betyr det at en fast lengde verdi som 10px er tillatt.
  • Når du ser <prosent>, betyr det at en prosentverdi for eksempel 10 prosent er tillatt.
  • Når du se tall i parentes som {1,4}, indikerer det at eiendommen må vises antall ganger som er angitt av det første nummeret. Imidlertid kan det se ut så mange ganger som angis av det andre tallet. I tilfelle av {1, 4}, må egenskapen vises en gang, men kan forekomme så mange som fire ganger.
  • The # symbolet angir at en verdi kan gjentas en eller flere ganger. Hver verdi skal skilles med komma.