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

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

Uživatelský avatar
sojkin626
Level 5
Level 5
Příspěvky: 2009
Registrován: prosinec 13
Pohlaví: Muž
Stav:
Offline

CSS - více druhů nadpisů

Příspěvekod sojkin626 » 24 říj 2017 15:40

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

Reklama
Uživatelský avatar
Microsheep
Level 4.5
Level 4.5
Příspěvky: 1656
Registrován: leden 10
Pohlaví: Muž
Stav:
Offline

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

Příspěvekod Microsheep » 24 říj 2017 16:29

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: prosinec 13
Pohlaví: Muž
Stav:
Offline

Re: CSS - více druhů nadpisů

Příspěvekod sojkin626 » 24 říj 2017 17:13

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: 6990
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline

Re: CSS - více druhů nadpisů

Příspěvekod Myloš » 25 říj 2017 01:20

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š. ;-)


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • Více OS na jednom disku
    od fafejt » 18 dub 2023 23:54 » v Windows 11, 10, 8...
    7
    1475
    od petr22 Zobrazit poslední příspěvek
    19 dub 2023 09:10
  • Jak přidám více monitorů do mini Windows PC.
    od holatir427 » 06 lis 2023 13:59 » v Problémy s hardwarem
    8
    1310
    od mmmartin Zobrazit poslední příspěvek
    04 led 2024 11:27
  • 144hz monitor nefunguje na více než 120hz Příloha(y)
    od fakeyn » 11 kvě 2023 21:37 » v Problémy s hardwarem
    1
    801
    od kecalek Zobrazit poslední příspěvek
    12 kvě 2023 12:30
  • excel text na konec více řádků najednou Příloha(y)
    od Myerina » 03 led 2024 11:51 » v Kancelářské balíky
    5
    780
    od Zivan Zobrazit poslední příspěvek
    04 led 2024 09:42
  • Nastavení zabezpečení internetu zabránilo v otevření jednoho nebo více souborů Příloha(y)
    od magnator » 06 čer 2023 10:23 » v Windows 11, 10, 8...
    3
    1780
    od mmmartin Zobrazit poslední příspěvek
    06 čer 2023 21:22

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

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 6 hostů