01. Wiedza podstawowa, pierwszy projekt

Zapraszam do obejrzenia pierwszego odcinka kursu CSS, czyli kursu tworzenia tzw. kaskadowych arkuszy stylów. Z przeglądu technologii webowych wiemy, iż CSS jest językiem opisującym wygląd strony internetowej. Zawartość witryny, czyli fakt istnienia tekstu, obrazków, przycisków czy innych elementów strony definiujemy w HTML, ale to właśnie w CSS określamy jak te elementy wyglądają, czyli np. jakie mają kolory, rozmiary, marginesy, a nawet jak są względem siebie rozmieszczone, czy np. obok siebie, czy też jeden pod drugim. W maksymalnym uproszczeniu powiemy tak: HTML mówi przeglądarce co zawiera strona, a CSS mówi przeglądarce jak ta zawartość powinna wyglądać.

Znajdź w filmie

Tutoriale posiadają tzw. timestamps (chwile czasowe) - dzięki nim łatwo odnajdziesz interesujące fragmenty wiedzy. Wystarczy kliknąć na podane w nawiasach kwadratowych momenty filmu, by przewinąć tutorial dokładnie do interesującego Cię miejsca w odcinku.

[ 00:00:20 ] Wstęp - czym jest CSS?
[ 00:04:30 ] Potrzeba rozdzielania treści od wyglądu
[ 00:12:00 ] Składnia CSS
[ 00:16:22 ] Pierwszy arkusz stylów
[ 00:18:25 ] Podpinanie pliku CSS do strony internetowej
[ 00:20:52 ] Stylizowanie nagłówka h1
[ 00:22:03 ] Stylizowanie hiperłączy
[ 00:26:49 ] Znaczniki style
[ 00:28:48 ] Czym jest Kaskadowość arkuszy stylów?
[ 00:31:00 ] Style bezpośrednio w tagu (inline)
[ 00:32:20 ] Zasady kaskady/hierarchia
[ 00:33:10 ] Łamanie kaskadowości
[ 00:34:00 ] Podsumowanie

Zobacz także

Daj się zaskoczyć! Poniżej wylosowałem dla Ciebie pięć wpisów z innych kategorii blogowych aniżeli ta, którą właśnie przeglądasz:

Zamów książki o IT sec z kodem: pasja

Wprowadzenie do bezpieczeństwa IT tom 1
Wprowadzenie do bezpieczeństwa IT tom 2

Można już zamawiać dwa tomy książek "Wprowadzenie do bezpieczeństwa IT". Mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności! Zamówień można dokonywać tutaj:

Tom 1 Tom 2

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

Komentarze

Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!

Bądź na bieżąco
Pasja informatyki