Poznámka: Táto stránka súvisí so zmenou typu, veľkosti a farby písma na webovej stránke. V aplikácii Microsoft Word si pozrite našu stránku o tom, ako zmeniť farbu písma, veľkosť alebo typ v programe Word.

Tento dokument obsahuje pokyny na zmenu písma a jeho farby na webovej stránke. Správna syntax v pohybe je použitie kaskádových štýlov spolu s voličmi triedy alebo ID namiesto atribútu inline štýlu alebo značky písma, ktoré sú zastarané. Hoci je potrebné poznamenať, že tieto dve metódy stále fungujú s väčšinou internetových prehliadačov.

Ak chcete pokračovať, vyberte metódu, z ktorej sa chcete naučiť, alebo si ju prečítajte.

Ak plánujete zmeniť veľkosť písma a jeho farbu iba raz na webovej stránke, musíte zmeniť jeho atribúty v značke elementu. Pomocou atribútu štýl môžete zadať tvár a farbu písma s rodinou písma, farbou a veľkosťou písma s veľkosťou písma, ako je uvedené v príklade nižšie.

Príklad kódu

Tento text má font Courier, je modrý a 20px.

výsledok

Tento text má písmo Courier, má modrú veľkosť a veľkosť 20 pixlov.

Použitie CSS pre jednu alebo viac stránok

Vlastné písmo pre jednu stránku

V hlavovej časti webovej stránky môžete vložiť kód medzi karty, aby ste zmenili vzhľad textu v rôznych prvkoch. Ďalšie modré pole obsahuje príklad kódu, ktorý, keď raz zavoláte, zmení vašu tvár písma na Courier a zafarbí ju červenou farbou. Ako vidíte, názov triedy sme definovali ako "vlastné".

 .custom {font-family: Courier; farba: červená; font-size: 20 pixelov; } 

Akonáhle je definovaný, tento štýl môže byť aplikovaný na väčšinu prvkov na vašej stránke tak, že k nim pripojíte triedu "custom". Nasledujúci box zobrazuje dva riadky kódu a ich príslušné výsledky.

príklad

Celá táto veta je červená a Courier

Iba slovo TEST je červené a Courier.

výsledok

Celá táto veta je červená a Courier.

Iba slovo TEST je červené a Courier.

Vlastné písmo pre mnoho stránok

Import externého súboru CSS môže byť veľmi prospešný v tom, že umožňuje používateľom meniť pravidlá pre viacero stránok naraz. Nasledujúca časť zobrazuje príklad na vytvorenie základného súboru CSS, ktorý mení písmo a je to farba pre väčšinu prvkov. Tento súbor môže byť načítaný na viac ako jednu webovú stránku, dokonca aj na celú stránku.

Použitím akéhokoľvek textového editora ho môžete uložiť ako súbor .css na import.

 @charset "utf-8";
.courier {font-family: Kuriér; farba: # 005CB9; } 

Akonáhle bol predchádzajúci text umiestnený do súboru .css (nazvali sme ours basic.css ), môžete naň odkazovať z ktorejkoľvek inej stránky pomocou riadku podobného nasledujúcemu príkladu.

Tip: Používatelia môžu zmeniť atribúty prvkov na stránke zmenou kódu v importovanom súbore .css.

Riešenie tagov písma

Hoci značka HTML môže byť odmietnutá, môže byť stále použitá a môže byť potrebná na použitie s niektorými službami online. Ak používate značku FONT, musíte zahrnúť atribút tváre, ktorý popisuje písmo, ktoré sa má použiť. V nižšie uvedenom príklade používame font Courier a hexadecimálny farebný kód # 005CB9, čo je tmavo modrá.

Príklad kódu

 Špeciálny príklad písma. 

výsledok