NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:
Funkce, kterou se snažíš použít je dostupná pouze pro registrované uživatele. Buďto se přihlas nebo si zdarma vytvoř nový účet.

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
Nejnovější komentáře jsou na konci poslední stránky.
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...

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
Avatar
Odpovídá na Jan Bezdíček
Dominik Blaško:25.11.2016 19:28

aha uz som pochopil... dikes

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

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.

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ě :)

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

Avatar
lazenska.wewerka:19.3.2017 14:38

No jo, super. Díky :-)

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é.

Nejnovější komentáře jsou na konci poslední stránky.
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.