Opomba: Ta stran je povezana s spreminjanjem vrste pisave, velikosti in barve spletne strani. Za Microsoft Word si oglejte našo stran o tem, kako spremeniti barvo, velikost ali vrsto pisave v Wordu.

Ta dokument vsebuje navodila za spreminjanje pisave in njene barve na spletni strani. Pravilna sintaksa, ki se premika naprej, je uporaba kaskadnih slogov s selektorji razreda ali ID in ne atributov sloga ali oznake pisave, ki so opuščeni. Čeprav je treba omeniti, da ti dve metodi še vedno delujeta z večino internetnih brskalnikov.

Če želite nadaljevati, izberite način, s katerim se želite naučiti, ali preberite vsak odsek.

Če nameravate spremeniti podobo pisave in njeno barvo samo enkrat na spletni strani, morate spremeniti njene atribute v oznaki elementa. Z atributom sloga lahko podate pisavo in barvo z družino pisave, barvo in velikostjo pisave z velikostjo pisave, kot je prikazano v spodnjem primeru.

Primerna koda

To besedilo ima pisavo Courier, je modra in 20 px.

Rezultat

To besedilo ima pisavo Courier, je modro in velikost 20 px.

Uporaba CSS za eno ali več strani

Pisava po meri za eno stran

V glavnem delu spletne strani lahko med zavihki vstavite kodo, da spremenite videz besedila v različnih elementih. Naslednja modra škatla vsebuje primer kode, ki bi nekoč klicala vašo pisavo na Courier in jo obarvala rdeče. Kot lahko vidite, smo ime razreda definirali kot "po meri".

 .custom {družina pisav: Courier; barva: rdeča; velikost pisave: 20 px; } 

Ko je ta definicija definirana, jo lahko uporabite za večino elementov na strani, tako da jim dodate razred "custom". Naslednje polje prikazuje dve vrstici kode in njuni rezultati.

Primer

Celoten stavek je rdeč in Courier

Samo beseda TEST je rdeča in Courier.

Rezultat

Celoten stavek je rdeč in Courier.

Samo beseda TEST je rdeča in Courier.

Pisava po meri za več strani

Uvoz zunanje datoteke CSS je lahko zelo koristen, saj omogoča uporabnikom, da spremenijo pravila za več strani hkrati. V naslednjem razdelku je prikazan primer ustvarjanja osnovne datoteke CSS, ki spreminja pisavo in je barva večine elementov. Ta datoteka je lahko naložena na več kot eno spletno stran, celo na celotno spletno mesto.

Če uporabite katerikoli osnovni urejevalnik besedila, ga shranite kot datoteko .css in ga pripravite za uvoz.

 @charset "utf-8";
.courier {družina pisav: Courier; barva: # 005CB9; } 

Ko je prejšnje besedilo vstavljeno v datoteko .css (imenovali smo našo osnovno datoteko ), se lahko povežete z njo iz katere koli druge strani s črto, podobno naslednjemu.

Nasvet: Uporabniki lahko spremenijo atribute elementov na strani s spreminjanjem kode v uvoženi datoteki .css.

Rešitev za oznake pisav

Čeprav je zastarela, lahko še vedno uporabljate oznako HTML in jo boste morda morali uporabljati pri nekaterih spletnih storitvah. Pri uporabi oznake FONT morate vključiti atribut obrazca, ki opisuje pisavo, ki jo želite uporabiti. V spodnjem primeru uporabljamo pisavo Courier in šestnajstiško barvno kodo # 005CB9, ki je temno modra.

Primerna koda

 Poseben primer pisave. 

Rezultat