Diskuze: Aky je rozdiel medzi CSS v <style> a externe
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 20 zpráv z 20.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Pokud to máš v <style>, je to nevalidní a nepřehledné.

v <style> ma větší prioritu, ale nepoužívá se to, protože chceš mít oddělenou strukturu a vzhled.
Ve funkčnosti rozdíl není. Výhoda stylu v externím souboru je ta, že to napíšeš jen jednou a pak ve všech html souborech pouze připojíš externí styl. Když něco změníš, tak se to změní všude a nemusíš to přepisovat v každém souboru zvlášť. Navíc externí styl se stáhne do cashe a nebude se (při správně konfiguraci) stahovat pokaždé znovu.
Ani to není pravda, záleží na pořadí, ne na způsobu zápisu.
CSS v prvku <style> má väčšiu prioritu ako externe prilinkované CSS. Externé CSS sa zas cachuje, takže ho prehliadač nemusí stále načítavať a je aj ľahšie upraviteľné. Nemusíš editovať každé CSS v hlavičke HTML, stačí iba jeden súbor.
Kde jste to oba vzali, že má větší prioritu?
// Jo takhle, vy myslíte atribut style. Myslím si, že spíš myslel element style v hlavičce
Proste je to tak. Externý štýlopis má najmenšiu prioritu, v <style> je priorita väčšia a inline zápis má prioritu najväčšiu.
Zkoušel jsem styly v elementu <style> vs import externího css a opravdu záleží na pořadí -> prostě co se napíše poslední, to se aplikuje.
Btw. rozvedl bych tu přednost CSS, která je následující:
!important
inline (v HTML)
#id
.class
[atribut]
elementy
Bavíme se o externím stylu a stylu v hlavičce, ne o inline stylu. A ve finále to platí i pro inline styl, nemá přednost, ale aplikuje se, protože je definovaný jako poslední.
Akú správnu konfiguráciu máš na mysli ? ...
Ve tvé ukázce máš nalinkován externí CSS před tím v elementu <style>, a proto se aplikuje spíše to ve <style>, nežli v externím.
ALE TO JE VŠECHNO OTÁZKA POŘADÍ - NEZÁLEŽÍ NA TOM, JESTLI TO JE EXTERNĚ, NEBO VE <STYLE> => TYTO ZÁPISY SI JSOU ROVNOCENY.
Mám na mysli konfiguraci webserveru, zda je povolené cashování souborů, nebo alespoň css souborů.
BTW by mě zajímalo to mínus na mém příspěvku, že je to validní.
Každý, kdo si to dá do validátoru, tak to musí jasně vidět 
wow tak o tomhle sem nevěděl
omlouvám se za matení
Aha, takze takto. dakujem za vysvetlenie.
Zobrazeno 20 zpráv z 20.