CSS-i abil saate hõlpsalt oma veebilehe fondi suurust muuta.
Pildi krediit: Ableimages/Photodisc/Getty Images
Saate oma veebilehe fondi suuruse üle juhtida, kasutades HTML-i stiilikeele fondisuuruse atribuuti Cascading Style Sheets. Alates HTML 5-st asendab CSS-i lähenemisviis fondi stiilile vanema "fondi" sildi. Kuigi fondimärgend kehtib teie HTML 4 vormingus veebilehtede jaoks, ei toetata seda enam HTML 5 kehtiva sildina.
Fondi suuruse määramine CSS-iga
Fondi suurused määratakse teie veebilehel, kasutades CSS-i atribuuti "font-size". Fondi suurused määratakse tavaliselt kasutades tüpograafiline mõõt "em", kus 1.0 on praegune fondi suurus või protsendid, kus 100 protsenti on praegune font suurus. Võite kasutada ka eelseadistatud väärtuste nimesid, nagu "smaller", "larger", "small" ja "xx-large". Suuruse määramisel pikslites või punktides on kehtiv, pole see soovitatav, kuna teie tekst ei pruugi teatud juhtudel õigesti skaleerida asjaolud.
Päeva video
Saate stiile kasutada peaaegu kõigis oma veebilehe sisus olevas HTML-märgendis. Lisage sildile atribuut "style", mille CSS-i fondi suuruse atribuut on seatud soovitud suurusele. Stiil mõjutab teksti märgendi alguse ja lõpu vahel – näiteks:
See tekst on tavalisest suurem.
See tekst on väiksem.
See tekst on ka väiksem.
CSS-i kasutamine oma stiililehel
Kui teie veebilehel on CSS-laadileht, mis on manustatud teie lehe päisesse või määratletud eraldi failis, saate seal fondi suurust muuta. Stiililehed on käepärased oma veebilehel globaalsete muudatuste tegemiseks. Otsige üles või lisage deklaratsioon, mida soovite muuta, ja lisage fondi suuruse kood. Näiteks kõigi lõigumärgendite fondi suuruse suurendamiseks kasutage järgmist:
p { fondi suurus: 125%; }