Hvis du er ny til å utforme nettsider med HTML og CSS, kan du ikke innse hvor mye kontroll designere har over tekststørrelse, sammenlignet med det som var tilgjengelig ved fødselen av nettet . Faktisk kan de tilgjengelige valgene for skriftstørrelser nesten være forvirrende. En rekke veier er tilgjengelig for å kontrollere størrelsen på fontene som vises på en nettside. Dette gjøres oftest ved hjelp av CSS ( Cascading Style Sheets ) snarere enn den gamle metoden for å skrive hver stil i hver tekstlinje i HTML ( Hyper Text Markup Language) fil . Kode Format med CSS
Når du bruker CSS, kan du definere svært spesifikke skriftstørrelser og bruke dem til grupper av tekst , som du angir med tags. Du kan enten opprette en ekstern CSS-fil og legge den til HTML- filen som inneholder innholdet på siden din , eller du kan inkludere interne CSS koder i hodet av HTML-filen . Uansett hvilken metode du foretrekker , ser den grunnleggende koden for å sette skriftstørrelsen som dette : en
h1 { font-size : 40px ;}
p Dette betyr at all tekst du angir som " h1 " i HTML- filen vil ha en størrelse på 40 piksler. Hvis du har problemer med tekststørrelsen som vises denne størrelsen , må du kontrollere at koden er åpnet og lukket med klammeparenteser . Sjekk også at verdien avsluttes med et semikolon , og at ingen plass er mellom tall verdi og " px ".
Standard type Tags
Vanligvis en designer bruker header koder for å sette forskjellige skriftstørrelser han kan trenge gjennom hele nettstedet . Tradisjonelt har disse kodene starte med
, som er den største skriftstørrelsen finnes på siden , ned til , som kan være svært liten tekst i en bunntekst . Den
tag definerer typisk brødtekst som vises i avsnitt. Du kan stille alle disse individuelle størrelser i CSS -stilark , og deretter legge teksten skrevet i HTML din med kodene .
Hjelp absolutte verdier
kan sette skriftstørrelsen i en absolutt verdi, for eksempel piksler, millimeter eller tommer , som i følgende eksempel : en
p { font-size : 14 pkt ;}
p Dette setter skriftstørrelsen for all tekst i
tag som 14 poeng . Dette er et eksempel på absolutt dimensjonering, der teksten størrelse forblir en fast størrelse . Noen nettlesere lar deg endre denne størrelsen , noe som er nyttig for de med nedsatt syn som trenger å øke tekststørrelsen for å lese den. Men ikke Internet Explorer kan du øke størrelsen med denne koding.
Bruke relative verdier
Mange designere bruker relative verdier for å endre skriftstørrelse . Dette setter tekststørrelsen i forhold til andre elementer og lar deg endre størrelsen på alle nettlesere . Relative verdier inkluderer piksler , prosenter og EMS. Ems er enheten anbefalt av World Wide Web Consortium ( W3C) . En måling av en em tilsvarer standardstørrelsen på en skrift i en nettleser , som er 16 piksler. Du kan spesifisere skriftstørrelser i EMS med følgende kode :
h2 { font-size : 1.875em ;}
grunn av pågående problemer med kompatibilitet i Internet Explorer , anbefaler W3C en kombinasjon av prosenter og EMS å sikre som standard en seeropplevelse som mulig på tvers av alle nettlesere. De anbefaler følgende kode for å sette en standard tekststørrelse : en
body { font-size : 100 % ;}
og deretter angi de ulike overskrift og avsnitt størrelser basert off av at:
h1 { font-size : 2.25em ;}
p { font-size : 0.8em ;}