Prvnφ verze kaskßdov²ch styl∙ nabφzφ vesm∞s primitivnφ mo₧nosti p°i°azenφ styl∙ znaΦkßm webovΘ strßnky. S p°φchodem druhΘ verze je mo₧nΘ aplikovat styly nap°φklad na sousednφ znaΦky Φi na zßklad∞ hodnot jejich atribut∙. Jak vypadajφ takovΘ zßpisy a jak ji

Pomocφ druhΘ verze kaskßdov²ch styl∙ je mo₧nΘ obsah webov²ch strßnek nejenom zkrßÜlovat, ale tΘ₧ rozÜi°ovat o dalÜφ textovΘ prvky. K tomu slou₧φ vlastnost content, kterou je mo₧nΘ pou₧φt ve specißlnφch pseudot°φdßch :before a :after.

Dnes si ukß₧eme, jak pouze pomocφ CSS vytvo°it navigaΦnφ menu s roll-over efekty. Jednß se o oblast CSS, kterß je vyu₧itelnß ji₧ v dneÜnφch prohlφ₧eΦφch, proto byste si Φlßnek rozhodn∞ nem∞li nechat ujφt!

Jan Dudek se pustil do zmapovßnφ nejnov∞jÜφch vlastnostφ CSS2 a pustil se na tenk² led jejich podpory r∙zn²mi prohlφ₧eΦi. P°ipravil pro vßs zajφmav² serißl, kter² bude postupn∞ vychßzet na Intervalu. Ji₧ v ·vodnφm dφlu si vzal na muÜku zm∞nu kurzoru a stφ

Pseudot°φdy :before a :after v kaskßdov²ch stylech p°edstavujφ sv²m zp∙sobem zvlßÜtnφ kategorii. Lze v nφ uplatnit unikßtnφ vlastnost content, kterß m∙₧e mφt za hodnoty specißlnφ funkce. KterΘ funkce to jsou a jak se pou₧φvajφ se dozvφte v nßsledujφcφm te

Podφvejme se na podrobn² p°ehled nov²ch selektor∙, pseudot°φd a pseudoelement∙, kterΘ byly p°idßny v CSS2.

At rules jsou specißlnφ p°φkazy CSS2 (v nßsledujφcφm textu je budu naz²vat @pravidla). Dovolujφ pou₧itφ urΦitΘho stylu na cφl, kter² nenφ v XHTML definovateln², nebo p°edstavujφ v²konnΘ p°φkazy. ZaΦφnajφ znakem @, nßsledovan²m samotn²m identifikßtorem pra

Strßnkovß mΘdia (nßhledy pro tisk, prezentace pro projektory ad.) jsou zvlßÜtnφm druhem za°φzenφ pro zobrazovßnφ dokument∙. Narozdφl od monitor∙ nemohou poskytnout zßzemφ pro posun zobrazovanΘ oblasti. Namφsto toho rozd∞lujφ dokument na pomyslnΘ strßn....

V jednom z minul²ch Φlßnk∙ jste se mimo jinΘ dozv∞d∞li, ₧e v CSS2 existujφ dva novΘ pseudoelementy :before a :after. Podφvejme se na n∞ podrobn∞ji. Ukß₧i vßm takΘ mechanismus vklßdßnφ uvozovek a Φφslovßnφ, kterΘ s t∞mito pseudoelementy p°φmo souvisejφ.

I kdy₧ se tentokrßt budeme zab²vat prßv∞ zmφn∞n²mi mo₧nostmi tabulek, pova₧uji v nßsledujφcφm textu tabulku pouze za v²stup strukturovan²ch dat, nikoli za formßtovacφ prost°edek. Vstupme tedy za oponu tabulek v CSS2 a jejich podpory v prohlφ₧eΦφch.

Jednφm z hlavnφch nedostatk∙ p∙vodnφho HTML a CSS byl fakt, ₧e auto°i strßnek m∞li pouze minimßlnφ mo₧nost ovlivnit p°esnΘ umφst∞nφ urΦitΘho elementu. Proto byly postupn∞ v prohlφ₧eΦφch implementovßny novΘ vlastnosti, kterΘ umo₧≥ovaly p°esnΘ pozicovßnφ.

Jak přejφt od tabulek (popřφpadě framů) na modernφ CSS layout

Jak přejφt od tabulek (popřφpadě framů) na modernφ CSS layout.

Nechtěli jste někdy oddělit vzhled a obsah vaÜich strßnek tak, aby si u₧ivatelΘ sami mohli vybrat vlastnφ barevnΘ schΘma? Mßm pro vßs snadnΘ řeÜenφ.

Tento Φlßnek detailn∞ popisuje d∙le₧it² dopln∞k CSS a tφm jsou dΘlkovΘ jednotky. P°edstavφme se jednotky absolutnφ, relativnφ i procentußlnφ urΦovßnφ. TakΘ nezapomeneme na definovßnφ barev.

Zarovnßnφ objektů v rßmci sazby je specialitou pro CSS vlastnosti float a clear. Jejich podrobn² popis s nßzorn²m dobře pochopiteln²m vysvětlenφm byl tΘmatem přφspěvku weblogu Petra Stanφčka a my ho zde, samozřejmě

Jist∞ jste se p°i tvorb∞ strßnek dostali do situace, kdy chcete mφt vÜechny nadpisy stejnou barvou a velikostφ, zarovnanΘ na st°ed. Nebo chcete, aby vÜechny odkazy byly nepotr₧enΘ, ale p°i najetφ myÜφ zm∞nily barvu a podtrhli se nejenom dole. Nejenom ...