Hvordan å spesifisere størrelse med relative måleenheter for HTML5 og CSS3 programmering - dummies

Relativ måling er en mye klokere valg enn absolutt måling i HTML5 og CSS3 webutvikling. Du kan bruke disse systemene til å endre størrelser i forhold til standardstørrelsen.

Navngitte størrelser

CSS har en rekke skriftstørrelsesnavn bygget inn:

xx-liten

x-liten

liten

medium

stor

x-stor < xx-large

Det kan forstyrre deg at det ikke er noe mer spesifikt om disse størrelsene: Hvor stor er stor? Vel, det er større enn middels. Det høres ut som et flip svar, men det er sannheten. Brukeren angir standard skriftstørrelse i nettleseren, og alle andre skriftstørrelser skal være i forhold til denne forhåndsinnstilte størrelsen. Mediestørrelsen er standardstørrelsen på avsnittet tekst på siden din.

Prosentandel (%)

Prosentandelen er en relativ måling som brukes til å spesifisere skriften i forhold til normal størrelse. Bruk 50% til å lage en skrift som er halvparten av den størrelsen det normalt vil vises, og 200% for å gjøre det to ganger den normale størrelsen. Bruk% -symbolet til å indikere prosentandel, som vist her:

p {font-size: 150%;}

Prosentene er basert på standardstørrelsen på vanlig tekst, så en merke på 100% har samme størrelse som tekst i et vanlig avsnitt.

Em (em)

Ved tradisjonell oppsett er em en måleenhet som er ekvivalent med bredden på "m" -karakteren i skrifttypen. I faktisk nettbruk er det virkelig en annen måte å spesifisere den relative størrelsen på en skrift på. For eksempel er 0. 5 ems halve normal størrelse, og 3 ems er tre ganger normal størrelse. Begrepet brukes til å spesifisere denne måling.

p {font-size: 1. 5em;}

Her er de beste strategiene for skriftstørrelse:

Ikke endre størrelser uten god grunn.

• For det meste er nettleserens standardstørrelser helt fine, men det kan være noen ganger når du vil justere skrifter litt mer. Definer en samlet størrelse for siden.

• Hvis du vil definere en skriftstørrelse for hele siden, gjør du det i taggen. Bruk en navngitte størrelse, prosentandel eller ems for å unngå bivirkninger av absolutt dimensjonering. Størrelsen som er definert i kroppen, blir automatisk påført hvert element i kroppen. Endre andre elementer.

• Du vil kanskje ha lenkene dine litt større enn vanlig tekst, for eksempel. Du kan gjøre dette ved å bruke et skriftstørrelsesattributt til et element. Bruk relativ måling hvis mulig.