Stránka 1 z 1

CSS - více druhů nadpisů

Napsal: 24 říj 2017 15:40
od sojkin626
Zdravím, pokouším se teď o nějaký výtvor s CSS, používám k tomu externí stylopis, jak udělám to, že například nadpis <h2> bude mít více "druhů"? Jako například, že bych potřeboval několik nadpisů H2 s různými styly, jako například různá písma, rámování apod? Předem díky.

Re: CSS - více druhů nadpisů  Vyřešeno

Napsal: 24 říj 2017 16:29
od Microsheep
Přidáš k tomu class a nastyluješ. Popřípadě více specifikuješ daný <h2> například pouze nadpis v článku .clanek h2
Nevím, co víc vymýšlet.

Re: CSS - více druhů nadpisů

Napsal: 24 říj 2017 17:13
od sojkin626
Zdravím,
děkuji... postup jsem našel na internetu, jen jsem nevěděl co přesně hledat.

Re: CSS - více druhů nadpisů

Napsal: 25 říj 2017 01:20
od Myloš
Tříd můžeš navíc udělat i pro jeden nadpis víc, například:

Kód: Vybrat vše

<h2 class="basnicka letos kamaradi politika">


a v CSS nastylovat jednotlivé třídy, například:

Kód: Vybrat vše

.basnicka: {text-align: center;}
.letos {background-color: #090;}
.kamaradi {font-style: italic; letter-spacing: 2px;}
.politika {color: aqua;}


Jestliže tyto třídy používáš i pro běžný text a styly se ti hodí i do nadpisu, je to jednoduché, elegantní řešení.
A pokud chceš použít některou ze tříd odlišně od běžného textu, stačí ve stylopise přesnější selektor, například:

Kód: Vybrat vše

h2.basnicka

a ten bude mít přednost před selektorem

Kód: Vybrat vše

.basnicka
.