Kako uporabiti CSS za spreminjanje barve pisave

Želite svojo spletno stran popestriti z različnimi barvami pisave? To lahko storite s CSS. CSS je kratica za Cascading Style Sheets in je privzeti jezik, ki se uporablja za ustvarjanje in upravljanje sloga katerega koli spletnega mesta.

Obstajajo trije načini uporabe CSS v dokumentu HTML. To so vgrajeni CSS, notranji/vdelani CSS in zunanji CSS.

Prvi način: vgrajeni CSS

Če želite spremeniti barvo pisave v CSS, boste morali ustvariti pravilo CSS za nastavitev vrednost lastnosti barve.

Inline metoda uporablja lastnost sloga, ki jo lahko uporabite za skoraj vsak element. Tukaj je primer, ki nastavi barvo pisave odstavka HTML na rdečo:

Odstavek besedila

Enak učinek lahko dosežete z uporabo notranjega/vdelanega CSS-ja ali zunanjega CSS-ja.

Drugi način: notranji/vdelani CSS

To metodo lahko uporabite, ko želite ustvariti pravila CSS, ki vplivajo na več kot en primerek elementa HTML, vendar samo na eni strani. Pravila CSS se nato zapišejo v glavo strani HTML z uporabo elementa sloga:

Tretja metoda: Zunanji CSS

Tretji način za dosego enakega učinka je uporaba zunanje datoteke slogov CSS. Z urejevalnikom besedil ustvarite datoteko s pripono ".css". Običajna praksa je, da to datoteko imenujemo nekako tako stylesheet.css vendar ga lahko poimenujete karkoli, če obdržite razširitev ".css".

Če želite besedilo telesa obarvati zeleno, na primer z uporabo zunanje slogovne tabele, preprosto prilepite pravilo CSS takole:

p { barva: modra }

V dokumentu HTML morate v element glave HTML vključiti povezavo do vaše slogovne tabele:

Odstavek besedila

Spreminjanje barve pisave v HTML, brez uporabljenega CSS

Najboljša praksa je uporaba CSS, vendar je tukaj opisano, kako spremeniti barvo pisave samo s HTML:

Odstavek besedila

Element pisave, skupaj z njegovim atributom barve, je zastarel. To je zato, ker so predstavitveni in ne strukturni elementi. Sodobni HTML mora biti sestavljen samo iz strukturnih elementov.

Spreminjanje barve pisave v CSS je razmeroma preprosto

Pokazali smo vam tri metode za spreminjanje barve pisave v CSS. Pokazali smo vam tudi, kako to storite na stari način z uporabo oznake pisave HTML. Preizkusite jih in preverite, kateri vam najbolj ustreza!

Ko obvladate spreminjanje barve pisave z uporabo CSS in HTML, boste morda želeli obvladati spreminjanje velikosti pisave v HTML-ju.

Kako spremeniti velikost pisave HTML v CSS

Preberite Naprej

O avtorju