Ako Zmeniť Farbu Nadpisov

Obsah:

Ako Zmeniť Farbu Nadpisov
Ako Zmeniť Farbu Nadpisov

Video: Ako Zmeniť Farbu Nadpisov

Video: Ako Zmeniť Farbu Nadpisov
Video: Zmena farby nadpisov a odkazov 2024, Marec
Anonim

HTML (HyperText Markup Language) poskytuje šesť špeciálnych značiek na zobrazenie nadpisov rôznych úrovní. Všetky majú predvolené parametre (veľkosť a štýl písma, veľkosť odsadenia od predchádzajúceho a nasledujúceho prvku atď.). Tieto možnosti možno prepísať pomocou pokynov CSS (kaskádové štýly) a zmeniť tak vzhľad nadpisov v texte webovej stránky.

Ako zmeniť farbu nadpisov
Ako zmeniť farbu nadpisov

Inštrukcie

Krok 1

Medzi zodpovedajúce otváracie a zatváracie značky umiestnite nadpisy rôznych úrovní, ak to tak ešte nie je v zdrojovom kóde webovej stránky. Napríklad najdôležitejší nadpis (prvá úroveň) by mal byť medzi značkami

a

:

Nadpis prvej úrovne

Ďalšia najdôležitejšia podpoložka úrovne by mala byť umiestnená medzi značky

a

atď. Posledná z predpokladaných úrovní je šiesta -

a

Krok 2

Do hlavičkovej časti zdrojového kódu (medzi značky a) vložte vyhlásenie, ktoré informuje prehliadač návštevníka, že na tomto mieste je popis štýlov v CSS:

/ * Pokyny CSS budú tu * /

Krok 3

Medzi úvodné a záverečné značky štýlov pridajte popisy štýlov pre nadpisy každej úrovne, ktorej vzhľad chcete zmeniť. Ak napríklad potrebujete zmeniť iba vzhľad nadpisov prvej úrovne, potom by tento kód mohol vyzerať takto:

h1 {

farba: červená;

veľkosť písma: 20px;

štýl písma: kurzíva;

váha písma: tučné;

horný okraj: 30px;

spodný okraj: 20px;

}

Tu h1 označuje, že popis v zložených zátvorkách odkazuje na značku h1 a nazýva sa „selektor“. Parameter color nastavuje farbu textu, parameter size-size je veľkosť písma, štýl písma s hodnotou kurzívy je písmo kurzívy, váha písma s hodnotou tučného písma je tučne, margin-top je horná časť margin, a margin-bottom je spodný okraj. Pre nadpisy druhej úrovne pridajte podobný blok s voličom h2 atď.

Krok 4

Ak existuje veľa úrovní na opísanie, použite skratkovú syntax. Napríklad do jedného parametra je možné vložiť popisy písma, ako aj popisy veľkostí odsadenia. Vzorka:

h1 {

farba: červená;

písmo: tučné 20px arial;

okraj: 30px 0 20px 0;

}

h2 {

farba: oranžová;

písmo: tučné 18px arial;

okraj: 25px 0 15px 0;

}

V parametri margin musia byť okraje určené v smere hodinových ručičiek, počnúc od horného okraja, cez medzeru (vpravo hore dole vľavo).

Odporúča: