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 4.5
Level 4.5
Příspěvky: 1779
Registrován: prosinec 13
Pohlaví: Muž

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.



Reklama
Uživatelský avatar
Microsheep
Level 4
Level 4
Příspěvky: 1219
Registrován: leden 10
Pohlaví: Muž

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.
Ryzen 5 1400 | MSI B350M GAMING PRO | MSI GeForce GTX 1050 Ti 4GT | 2x8GB Corsair
Media Creation Tool | Crystal disk Info | Ninite | NirLaucher

Uživatelský avatar
sojkin626
Level 4.5
Level 4.5
Příspěvky: 1779
Registrován: prosinec 13
Pohlaví: Muž

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.

Uživatelský avatar
Myloš
Moderátor
Master Level 8.5
Master Level 8.5
Příspěvky: 6976
Registrován: duben 06
Bydliště: Praha
Pohlaví: Muž

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
  • USB flash - více druhů řadičů?
    od jarajarda » 28 dub 2018 21:40 » v Problémy s hardwarem
    14
    636
    od jarajarda
    29 dub 2018 16:48
  • DOTAZNÍK: Vnímání různých druhů písma
    od Frontback » 01 bře 2018 14:09 » v Vše ostatní (z oblasti IT)
    0
    487
    od Frontback
    01 bře 2018 14:09
  • Odstranění odkazu pomocí CSS
    od viett » 28 kvě 2018 01:01 » v Programování a tvorba webu
    7
    807
    od lamin_cz
    01 čer 2018 16:33
  • Nechtěný prázdný "text" v html/css
    od spulda » 20 pro 2017 01:10 » v Programování a tvorba webu
    11
    848
    od spulda
    23 pro 2017 00:01
  • Excel více monitorů
    od VOM » 02 srp 2018 12:14 » v Kancelářské balíky
    2
    360
    od petr22
    02 srp 2018 14:25

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

Kdo je online

Uživatelé prohlížející si toto fórum: CommonCrawl [Bot] a 0 hostů