CSS - více druhů nadpisů

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Zamčeno
Uživatelský avatar
sojkin626
Level 5
Level 5
Příspěvky: 2009
Registrován: 08 pro 2013 12:32

CSS - více druhů nadpisů

Příspěvek 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.
Lenovo W540-i7-4900MQ 2,8GHz / Nvidia quadro K2100M 2GB / 16GB DDR3 / Windows 10 PRO # NVIDIA SHIELD TV PRO (2017) 500GB# Xbox One X#NVIDIA SHIELD K1 # Acer S1003#Xiaomi Mi A1
Uživatelský avatar
Microsheep
Level 4.5
Level 4.5
Příspěvky: 1656
Registrován: 14 led 2010 22:00

Re: CSS - více druhů nadpisů

Příspěvek 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.
Uživatelský avatar
sojkin626
Level 5
Level 5
Příspěvky: 2009
Registrován: 08 pro 2013 12:32

Re: CSS - více druhů nadpisů

Příspěvek od sojkin626 »

Zdravím,
děkuji... postup jsem našel na internetu, jen jsem nevěděl co přesně hledat.
Lenovo W540-i7-4900MQ 2,8GHz / Nvidia quadro K2100M 2GB / 16GB DDR3 / Windows 10 PRO # NVIDIA SHIELD TV PRO (2017) 500GB# Xbox One X#NVIDIA SHIELD K1 # Acer S1003#Xiaomi Mi A1
Uživatelský avatar
Myloš
Master Level 8.5
Master Level 8.5
Příspěvky: 6991
Registrován: 11 dub 2006 09:09
Bydliště: Praha

Re: CSS - více druhů nadpisů

Příspěvek 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
.
  • Než položíte dotaz, nejprve se ptejte strejdy Gůůgla.
  • Výňatek z pravidel fóra PC-HELP:
    • Název tématu zvolte takový, aby co nejvýstižněji charakterizoval obsah tématu.
    • Nesnažte se řešit jiný problém (i když podobný) v jednom tématu. Raději založte nové téma.
  • Mýliti se je Myloš. ;-)
Zamčeno
  • Podobná témata
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Změna poslední číslice ve více číslech najednou
    od Arnold91 » » v Kancelářské balíky
    7 Odpovědi
    11196 Zobrazení
    Poslední příspěvek od Zivan
  • Canon pixma ts5150 w11 nelze tisknout vice kopii na stranku
    od mrpcz » » v Vše ostatní (hw)
    4 Odpovědi
    4210 Zobrazení
    Poslední příspěvek od petr22

Zpět na „Programování a tvorba webu“