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
Odpovídá na Neaktivní uživatel
Dominik Blaško:25.11.2016 18:57

ja nemam problem s kodami ale nwm ako sparovat css a html dokopy.... resp. moc som tomu nepochopil...

 
Odpovědět
25.11.2016 18:57
Avatar
Jan Bezdíček
Tvůrce
Avatar
Odpovídá na Dominik Blaško
Jan Bezdíček:25.11.2016 19:26

Musis tomu HTML rict, odkud ma ten CSS soubor nacist.

mezii tagy

<head></head>

vloz

<link rel="stylesheet" href="style.css">

pokud mas soubor style.css ve stejne slozce jako ten HTML soubor

Vzorovy priklad:
Mam HTML soubor index.html a style.css, ktery je ve SLOZCE css
takze v index.html mam

<head>
        <title>muj web</title>
        <link rel="stylesheet" href="css/style.css">
</head>
Editováno 25.11.2016 19:27
 
Odpovědět
25.11.2016 19:26
Avatar
Odpovídá na Jan Bezdíček
Dominik Blaško:25.11.2016 19:28

aha uz som pochopil... dikes

 
Odpovědět
25.11.2016 19:28
Avatar
Richard Luko
Člen
Avatar
Richard Luko:15.1.2017 20:49

Ďakujem za tunajšie tutorialy.
Tieto posledné dve som si musel prečítať 4X aby som ich pochopil a vedel využiť, ale podarilo sa.
HTML mi problémy nerobilo, nejaké skúsenosti som mal už z časov minulých, pri tomto CSS som už musel začať aj tuhšie premýšľat.
Jedna vec mi však nie je jasná, ( študujem zároveň aj z jednej inej zahraničnej stránky ) aký je rozdiel medzi class a id ?
Ďakujem

 
Odpovědět
15.1.2017 20:49
Avatar
Richard Luko
Člen
Avatar
Odpovídá na Richard Luko
Richard Luko:23.1.2017 16:04

Takže odpoviem si sám a verím, že v budúcnosti to môže pomôcť ešte niekomu ďalšiemu.
Najzásadnejší rozdiel je v tom, že class môže byť používaný s niekoľkými rôznymi elementmi v rámci jedného dokumentu pri ktorých sa prejaví jeho hodnota, zatiaľ čo id je špecifické a unikátne pre jeden daný element. Na každý element môže byť použitých viac tried (class), avšak každý element može mať iba jedno unikátne id. Nemôže mať viacero elementov v rámci jedného dokumentu rovnaké id.

Príklad: Ak použijeme napr. triedu(class) "xyz" všetky elementy pri ktorých je táto trieda(class) sa zmenia podľa toho čo je v tejto triede(class) nadefinované.

Ak použijeme id "xyz" zmení sa len jeden konkrétny element s týmto unikíáne nadefinovaným id. ( keďže každý element, môže mať iba jedno unikátne id )

Je aj pomerne dôležité povedať, že ak by sme priradili nejakému elementu triedu v ktorej by bolo niečo definované ( napr. farba písma modrá ) a priradili tomu istému elementu aj id v ktorom by bola definovaná farba písma napr. červená - farba písma bude červená a to z dôvodu, že ID má vyššiu prioritu ako Class.

Dúfam, že sa mi to podarilo vyjadriť zrozumiteľne.

 
Odpovědět
23.1.2017 16:04
Avatar
Odpovídá na Richard Luko
Marek Chalupa:23.1.2017 18:34

Tutoriály na CSS a HTML si již moc nepamatuji, nicméně jsem měl za to, že tato věc tu je určitě někde vysvětlena... Ať už tu, nebo v jiném článku. Každopádně ano, vysvětlil jsi to pěkně :)

 
Odpovědět
23.1.2017 18:34
Avatar
lazenska.wewerka:19.3.2017 1:25

Ahoj. Jak je to s těmi stíny?
Když jich přidám víc, takto:

.ohnivy {

    text-shadow:-3px -5px 5px #ee500d;
    text-shadow:3px -5px 5px #ee500d;
}

vždycky se nastaví jen ten poslední a oheň nebude:-)
Díky

 
Odpovědět
19.3.2017 1:25
Avatar
Odpovědět
19.3.2017 10:50
Neaktivní uživatelský účet
Avatar
lazenska.wewerka:19.3.2017 14:38

No jo, super. Díky :-)

 
Odpovědět
19.3.2017 14:38
Avatar
Daniel Šup
Člen
Avatar
Daniel Šup:20.7.2017 23:28

Zdravím,

v článku uvádíš, že jeden element lze zařadit do více tříd. Zajímalo by mě, kdy je vhodné zařadit element do více tříd.
Také bych rád věděl, co způsobuje ztenčení písma nadpisů 1. a 2. úrovně, bude-li CSS šablona, importovaná do dané HTML stránky, obsahovat níže uvedený kód.

h1, h2 {
    text-align: center;
    color: #0a294b;
}
h1 {
    font: 2.4em Arial;
}
h2 {
    font: 2em Arial;
}

Zajímalo by mě, proč nastavení fontu a velikosti písma dohromady pomocí vlastnosti font snižuje tučnost písma u nadpisů. V případě, že nepoužijeme vlastnost font a místo toho nastavíme typ písma pomocí vlastnosti font-family a velikost písma pomocí vlastnosti font-size, tak nadpisy budou stále tučné.

 
Odpovědět
20.7.2017 23:28
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.