Počítačové sítě a operační systémy Jaromír Plhák, 5.4.2018PB169 Počítačové sítě a operační systémy Cvičení 7 – Kaskádové styly PB169 Počítačové sítě a operační systémy Snímek 2 z 52 Validace HTML stránek • https://validator.w3.org/ • Proveďte validaci vaší stránky z minulého cvičení – • HTML 5 PB169 Počítačové sítě a operační systémy Snímek 3 z 52 DOM PB169 Počítačové sítě a operační systémy Snímek 4 z 52 Specifikace elementů • http://www.w3schools.com/cssref/css_selecto rs.asp PB169 Počítačové sítě a operační systémy Snímek 5 z 52 Tutoriál a příprava kódu • http://www.w3schools.com/css/ • Použijte stránku z minulé hodiny – V tagu
vytvořte tři odstavce textu lorem ipsum pomocí tagu

– Uvnitř každého odstavce označte jedno slovo pomocí tagu – Odstraňte veškeré formátování • uvnitř HTML stránky • při použití externího souboru PB169 Počítačové sítě a operační systémy Snímek 6 z 52 Úkol CSS • Pozadí bude světle modré • Text nadpisů bude modrý na žlutém pozadí – Nadpisy

budou odsazeny o 50px od levého okraje stránky – Horizontální mezera pod nadpisy bude 30px • Obrázky budou mít šířku nastavenu na 35 % šířky stránky – Budou zobrazeny vedle sebe s mezerou 10 % šířky stránky • Navštívený odkaz bude mít zelenou barvu • Šířku odstavce nastavte na 25 % stránky – Text bude zarovnaný do bloku – Všechny tři odstavce zobrazte vedle sebe – První odstavec bude psán červeně, poslední fialově – Odstavce zarovnejte na střed stránky (horizontálně) – Slovo označené pomocí v prvním odstavci bude zvýrazněno tučně, v ostatních odstavcích kurzívou • BONUS: Vytvořte nákupní seznam (tagy
    a
  • ) – Pomocí CSS dosáhněte toho, aby každá sudá položka měla šedé pozadí • Můžete si pojmenovávat elementy (použít atribut class, případně id)