Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

CSS w praktyce

• Efekt „Zebra”

  

• Błędny znacznik marquee

  

• Środkowanie elementów

  

• Menu strony

  

• Menu strony - ćwiczenie

  

• Box shadow

  

• Własność float - ćwiczenie

  

• Reset stylów CSS listy

  

• Lista jako menu strony internetowej

  

• Zmiana punktora listy

  

• Zmiana koloru punktora listy

  

• Ukrywanie danych w formularzu

  

• Podstawowe style CSS dla formularza

  

• Emoji i CSS

  

• Odwrócenie kolorów obrazu na wydruku

  

• Zmiana kursora myszy

  

Układy elementów

• Opływanie elementów

  

• Technika clearfix

  

• Klasyczny model pudełkowy

  

• Układ normalny elementów HTML

  

• Układ Flexbox

  

• Układ pływający

  

• Układ tabelaryczny

  

• Układ pozycjonowany

  

• Układ CSS Grid Layout

  

Style CSS dla tabel

• Domyślne style CSS dla tabel

  

• Reset stylów CSS tabeli

  

• Przykłady kodu CSS dla tabel

  

• Minimalna responsywność tabel HTML

  

• Pozorowana tabela HTML

  

• Efekt Zebra na kolumnach tabeli

  

• Szachownica

  

Dołączanie stylów CSS

• Style przeglądarek

  

• Style użytkownika

  

• Style inline

  

• Osadzone style CSS

  

• Zewnętrzne arkusze stylów

  

• Kaskadowość stylów ze względu na źródło

  

• Importowanie arkuszy stylów

  

• Alternatywne arkusze stylów

  

• Typy mediów

  

• Oznaczanie ważnych stylów

  

• Selektory w CSS3

  

Kolory

• Barwa

  

• Nazwane kolory w HTML 4.01

  

• Bezpieczna paleta 216 kolorów

  

• Nazwy kolorów X11

  

• Składowe RGB

  

• Składowe HSL

  

• Kompozycja monochromatyczna