Kako koristiti CSS za promjenu boje fonta

Želite uljepšati svoju web stranicu s nekim različitim bojama fonta? To možete učiniti pomoću CSS-a. CSS je skraćenica od Cascading Style Sheets i zadani je jezik koji se koristi za kreiranje i upravljanje stilom bilo koje web stranice.

Postoje tri metode primjene CSS-a na HTML dokument. To su inline CSS, interni/ugrađeni CSS i vanjski CSS.

Prvi način: Inline CSS

Da biste promijenili boju fonta u CSS-u, morat ćete stvoriti CSS pravilo za postavljanje vrijednost svojstva boje.

Inline metoda koristi svojstvo stila koje možete primijeniti na gotovo svaki element. Evo primjera koji boju fonta HTML odlomka postavlja na crvenu:

Odlomak teksta

Isti učinak možete postići koristeći interni/ugrađeni CSS ili vanjski CSS.

Drugi način: interni/ugrađeni CSS

Ovu metodu možete koristiti kada želite stvoriti CSS pravila koja utječu na više od jedne instance HTML elementa, ali samo na jednoj stranici. CSS pravila se zatim upisuju u glavu HTML stranice, koristeći element stila:

Treći metod: Vanjski CSS

Treći način za postizanje istog učinka je korištenje vanjske CSS tablice stilova. Pomoću uređivača teksta izradite datoteku s nastavkom ".css". Uobičajena praksa je da se ova datoteka nazove otprilike stylesheet.css ali možete mu imenovati bilo što sve dok zadržite ekstenziju ".css".

Da biste obojili svoj osnovni tekst zelenom bojom, na primjer, pomoću vanjske tablice stilova, jednostavno zalijepite CSS pravilo na sljedeći način:

p { boja: plava }

U svom HTML dokumentu trebali biste uključiti vezu na svoju tablicu stilova unutar HTML elementa glave:

Odlomak teksta

Promjena boje fonta u HTML-u, bez primijenjenog CSS-a

Najbolja praksa je korištenje CSS-a, ali evo kako promijeniti boju fonta koristeći samo HTML:

Odlomak teksta

Element fonta, zajedno sa svojim atributom boje, zastario je. To je zato što su oni prezentacijski, a ne strukturni elementi. Moderni HTML trebao bi se sastojati samo od strukturnih elemenata.

Promjena boje fonta u CSS-u je relativno jednostavna

Pokazali smo vam tri metode za promjenu boje fonta u CSS-u. Također smo vam pokazali kako to učiniti na stari način koristeći HTML oznaku fonta. Isprobajte ih i vidite što vam najbolje odgovara!

Nakon što savladate promjenu boje fonta pomoću CSS-a i HTML-a, možda ćete htjeti savladati promjenu veličine fonta u HTML-u.

Kako promijeniti veličinu HTML fonta u CSS-u

Pročitajte dalje

O autoru