Kuidas CSS-i kasutades fonte veebisaitidel muuta?

FONT-i elementi ei kasutatud HTML-i 4-s ja see ei kuulu HTML5-spetsifikatsiooni hulka. Kui soovite oma veebisaitidel fonte muuta, peaksite õppima CSS-i (kaskaaditavate stiilide lehtede ) abil.

CSS-i abil fondi muutmise sammud

  1. Avage veebileht, kasutades tekstiredaktorit . See võib olla uus või olemasolev leht.
  2. Kirjuta mõni tekst: see tekst on Arialis
  3. Teksti ümbritsemine SPAN-elemendiga: see tekst on Arialis
  4. Lisage atribuudi stiil = "", et span tag: see tekst on Arial
  5. Stiili atribuudi järgi muutke fonti fondi perekonna stiiliga: see tekst on Arialis

Näpunäiteid CSS-i abil fondi muutmiseks

  1. Erinevad mitmest fontivalikust komaga (,). Näiteks,
    1. font-family: Arial, Geneva, Helvetica, sans-serif;
    2. Parim on, et teie font kirjas on alati vähemalt kaks fonti (fontide loend), nii et kui brauseril pole esimest fonti, võib ta selle asemel kasutada teist.
  2. Lõpeta alati CSS-i stiilid koos poolkolonniga (;). See ei ole vajalik, kui on ainult üks stiil, kuid see on hea harjumus sattuda.
  3. Selles näites kasutatakse sisseehitatud stiile, kuid parim stiil on asetatud välistesse stiililehtedesse, nii et saate mõjutada enamat kui ainult ühte elementi. Teksti plokkide stiili määramiseks võite kasutada klassi. Näiteks:
    1. class = "arial"> See tekst on Arialis
    2. CSS-i kasutamine:
    3. .arial {font-family: Arial; }