NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 10 - Třídní selektor a stylování textu v CSS

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Michal Šmahel
Člen
Avatar
Odpovídá na Daniel Šup
Michal Šmahel:21.7.2017 0:36

Do více tříd se element řadí běžně. Zvyšuje se tak přehlednost a použitelnost. Když máš např. stránkování, všechny stránky mají stejné styly (jedna třída). Když však potřebuješ odlišit aktivní stránku, stačí přidat třídu, která jen mění nějakou vlastnost. Nemusíš psát celý kód, který platí i pro ostatní tlačítka do nové třídy. Navíc se to použitelnější, když jednu třídu můžeš napsat na více míst, protože se univerzální. Pouze ji doplníš nějakou jinou.

To je prosté, vlastnost font obaluje více vlastností do jedné. Jednou z nich je také font-weight, kterou pokud nenapíšeš, obdrží defaultní hodnotu - normal. Text nadpisu je následně bez tučného prvku.

Používá se to pro usnadnění práce. Mimo to je to také přehlednější a několik vlastností máš v jednom řádku.

Odpovědět
21.7.2017 0:36
Nejdůležitější je motivace, ovšem musí být doprovázena činy.
Avatar
Daniel Šup
Člen
Avatar
Odpovídá na Michal Šmahel
Daniel Šup:21.7.2017 8:32

Velice ti děkuji za odpověď. Teď už chápu, je potřeba nastavit u vlastnosti font tloušťku písma, velikost a typ písma, aby nadpisy byly takové, jaké je chceme.

 
Odpovědět
21.7.2017 8:32
Avatar
Marek Búlik
Člen
Avatar
Marek Búlik:7.9.2017 17:25

Nevie pls niekdo prečo mi nechce zarovnať ten obrázok na stred?
css
.centrovany {
text-align: center;}

html
<p class="centro­vany"><img src="obrazky/a­vatar.png" alt="Programátor HoBi" /></p>

všetko som kontroloval aj podla zdrojakov a mam to rovnaké, akurát mi to nechce zarovnať. Neviete prečo?

 
Odpovědět
7.9.2017 17:25
Avatar
Marek Búlik
Člen
Avatar
Odpovídá na Marek Búlik
Marek Búlik:7.9.2017 17:38

vyriešené. nejakým nedopatrením som tam mal viac súborov styl.css a nejak to pak nefungovalo

 
Odpovědět
7.9.2017 17:38
Avatar
Patrik Weber
Člen
Avatar
Patrik Weber:15.10.2017 16:15

proživám kostrbatý průchod ale jdu dál :D (dělám si taháky do vedlejších souborů)

 
Odpovědět
15.10.2017 16:15
Avatar
Igor
Člen
Avatar
Igor:17.11.2017 11:46

Zatiaľ ma to baví, všetko je vysvetlené veľmi dobre a zrozumiteľne aj pre úplného začiatočníka ako som ja, dúfam že to takto bude aj pokračovať :D. Tak isto ako kolega vyššie si poznatky zapisujem do súborov zvlášť aby som si to mohol kedykoľvek zopakovať, snáď si to aj skôr zapamätám keď to prepisujem tak aby som tomu rozumel aj keď sa nato pozriem po čase :)

 
Odpovědět
17.11.2017 11:46
Avatar
Peter Butora
Člen
Avatar
Peter Butora:22.1.2018 16:34

Ahoj když bych chtěl například textu přiřadit více selektorů tak jak to mám udělat? Oddělit čarkou?
Ono mi to pak dá pozadí za tím textem zelené, ale ignoruje to zarovnání textu napravo... D9ky

HTML
<p class="right, green">Text</p>

CSS
.right {
text-align: right;
}

.green {
background: #35751B;
}

Odpovědět
22.1.2018 16:34
Důležité je se nevzdávat...
Avatar
Viktor Abel
Člen
Avatar
Odpovídá na Peter Butora
Viktor Abel:29.1.2018 11:03

To add multiple class in the same element you can use the following format:
<p class="class1 class2 class3"></p>

  • Takže by mělo být bez čárek, jen z mezerama - ale netestoval jsem, našel jsem na StackOverflow. Dej vědět, zda-li pomohlo.
Editováno 29.1.2018 11:04
 
Odpovědět
29.1.2018 11:03
Avatar
Viktor Abel
Člen
Avatar
Odpovídá na Viktor Abel
Viktor Abel:29.1.2018 21:06

Už jsem otestoval a je to tak, bez čárky.

 
Odpovědět
29.1.2018 21:06
Avatar
Mira Maděra
Člen
Avatar
Mira Maděra:15.7.2018 17:19

Díky moc za poskytnuté tutoriály.

 
Odpovědět
15.7.2018 17:19
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 127.