Hvis du er ny til at designe websider med HTML og CSS, kan du ikke indse mængden af kontrol designere har over tekstens størrelse sammenlignet med, hvad der var til rådighed ved fødslen af internettet. Faktisk kan de tilgængelige valg for skriftstørrelser nærmest være forvirrende. En række forskellige måder til rådighed til at styre størrelsen af skrifttyper, der vises på en webside. Dette sker oftest ved hjælp af CSS (Cascading Style Sheets) i stedet for den gamle metode med at skrive hver stil ind i hver tekstlinje i HTML ( Hyper Text Markup Language) fil. Code format med CSS
Når du bruger CSS , kan du definere meget specifikke skriftstørrelser og anvende dem til grupper af tekst , som du angiver med tags. Du kan enten oprette en ekstern CSS-fil og vedhæfte den til HTML- fil, der indeholder indholdet på din side , eller du kan medtage interne CSS style koder i hovedet i HTML-filen . Uanset hvilken metode du foretrækker , det grundlæggende kode til indstilling af skriftstørrelsen ligner dette : Hej
h1 { font- size: 40px ;}
Dette betyder, at enhver tekst, du udpeger som " H1" i HTML-filen vil have en størrelse på 40 pixel. Hvis du har problemer med tekstens størrelse vises denne størrelse , skal du sørge for tag åbnes og lukkes med krøllede parenteser . Kontroller også, at værdien slutter med et semikolon , og at ingen plads er mellem tallet værdi og " px ".
Standard Type Tags
Normalt en designer bruger header tags til at indstille forskellige skriftstørrelser kan han få brug for gennem hjemmesiden. Traditionelt disse tags starter med
, som er den største skriftstørrelse findes på siden , ned til , som kan være meget lille tekst fundet i en fodnote. Den
tag definerer typisk krop tekst, der vises i stk . Du kan indstille alle disse individuelle størrelser i CSS stylesheet , så vedlægge tekst skrevet i din HTML med tags.
Brug absolutte værdier
kan indstille skriftstørrelsen i en absolut værdi, såsom pixels, millimeter eller tommer , som i følgende eksempel : Hej
p { font- size: 14 pkt ;}
Dette indstiller skriftstørrelsen for al tekst i
tag som 14 point . Dette er et eksempel på absolut dimensionering , hvor teksten størrelse forbliver en fast størrelse . Nogle browsere tillader dig at ændre denne størrelse , hvilket er nyttigt for dem med synshandicap , der har brug for at øge tekststørrelsen at læse den. Men Internet Explorer ikke tillader dig at øge størrelsen med denne kodning.
Brug relative værdier
Mange designere bruger relative værdier for at ændre skriftstørrelser . Dette sætter teksten størrelse i forhold til andre elementer, og lader dig ændre størrelsen på alle browsere . Relative værdier omfatter pixels , procenter og EMS . Ems er den enhed, der anbefales af World Wide Web Consortium ( W3C) . En måling på 1 em svarer til standardstørrelsen på en skrifttype i en webbrowser , hvilket er 16 pixels. Du kan angive skriftstørrelser i ems med følgende kode : Hej
h2 { font- size: 1.875em ;}
grund af fortsatte problemer med kompatibilitet i Internet Explorer, W3C anbefaler en kombination af procenter og EMS at sikre som standard en oplevelse som muligt på tværs af alle browsere . De anbefaler følgende kode til at sætte en standard størrelse skriftstørrelse : Hej
body { font- size: 100% ;}
og derefter angive dine forskellige overskrift, og afsnit størrelser baseret ud af , at: < br >
h1 { font- size: 2.25em ;}
p { font- size: 0.8em ;}