Ako zmeniť veľkosť písma v HTML

click fraud protection
Dievča (5-7) sedí na pohovke s notebookom, pohľad zozadu

Jednoducho zmeňte veľkosť písma svojej webovej stránky pomocou CSS.

Kredit za obrázok: Ableimages/Photodisc/Getty Images

Môžete prevziať kontrolu nad veľkosťou písma svojej webovej stránky pomocou vlastnosti font-size jazyka štýlu HTML, kaskádových štýlov. Počnúc HTML 5, CSS prístup k štýlu písma nahrádza staršiu značku „font“. Zatiaľ čo značka písma je platná pre vaše webové stránky vo formáte HTML 4, v HTML 5 už nie je podporovaná ako platná značka.

Definovanie veľkosti písma pomocou CSS

Veľkosť písma sa nastavuje na vašej webovej stránke pomocou atribútu CSS „veľkosť písma“. Veľkosti písma sú zvyčajne definované pomocou typografická miera „em“, kde 1,0 je aktuálna veľkosť písma, alebo percentá, kde 100 percent je aktuálne písmo veľkosť. Môžete tiež použiť prednastavené názvy hodnôt, ako napríklad „smaller“, „larger“, „small“ a „xx-large“. Pri definovaní veľkosti v pixeloch alebo bodoch je platný, neodporúča sa, pretože váš text nemusí mať v niektorých prípadoch správnu mierku okolnosti.

Video dňa

Štýly môžete použiť takmer v každej značke HTML v tele vašej webovej stránky. Pridajte k značke atribút „style“ s atribútom CSS font-size nastaveným na požadovanú veľkosť. Štýl ovplyvňuje text medzi začiatkom a koncom značky – napríklad:

Tento text je väčší ako normálne.

Tento text je menší.

Tento text je tiež menší.

Používanie CSS vo vašej šablóne štýlov

Ak má vaša webová stránka šablónu so štýlmi CSS, ktorá je buď vložená v hlavičke vašej stránky, alebo je definovaná v samostatnom súbore, môžete zmeniť veľkosť písma tam. Šablóny štýlov sú užitočné pri vykonávaní globálnych zmien na vašej webovej stránke. Nájdite alebo pridajte vyhlásenie, ktoré chcete zmeniť, a pridajte kód veľkosti písma. Ak chcete napríklad zväčšiť veľkosť písma pre všetky značky odseku, použite:

p { veľkosť písma: 125 %; }