Czym jest CSS?

Witajcie,

W tym kursie poznają Państwo CSS — język programowania, który zwiększy atrakcyjność wizualną Państwa stron internetowych.

Jeśli nie znają Państwo HTML, najpierw ukończcie kurs HTML Getting Started. 

Jeśli mówią Państwo: „HTML już znam”, zaczynajmy.

W tej części kursu dowiedzą się Państwo, dlaczego potrzebujemy CSS.

Przede wszystkim zadajmy sobie pierwsze pytanie, które przyszło mi do głowy podczas nauki CSS.

Skoro HTML nie potrafi czegoś zrobić, to czy musimy uczyć się dodatkowego języka?

Przede wszystkim przypomnijmy sobie, do czego służy HTML. 

HTML to język, którego używamy do prezentowania danych znajdujących się na stronach internetowych (tekstu, obrazów, wzorów itp.) w sposób bardziej zrozumiały dla użytkowników.

Wyobraźmy sobie na przykład, że piszemy artykuł w zeszycie. 

Jeśli usuniemy z artykułu kropki, przecinki i inne znaki interpunkcyjne, możemy zniekształcić treść, którą chcemy przekazać osobom czytającym nasz artykuł.

Na stronach internetowych również używamy znaczników HTML, aby przekazywane użytkownikom informacje były bardziej zrozumiałe.

Strona internetowa jest dokumentem HTML, a przeglądarki wyszukują dokument HTML, aby wyświetlić stronę. Można więc uznać, że dokument HTML jest podstawą strony internetowej.

Co zatem robi CSS?

CSS to technologia opracowana po to, aby zapewnić wygląd wizualny, którego brakuje HTML podczas prezentowania posiadanych przez nas danych.

Posłużmy się inną analogią. Wyobraźmy sobie, że budują Państwo dom. Głównym zadaniem domu jest zapewnienie schronienia mieszkającym w nim osobom. To właśnie robi HTML.

Głównym celem strony internetowej jest dostarczanie informacji osobom, które otwierają ją w przeglądarce. CSS to technologia odpowiadająca za zewnętrzne malowanie domu, jego dekoracje oraz właściwe rozmieszczenie okien.

Nawet jeśli idealne strony internetowe nie zawierają CSS (np. Wikipedii), HTML realizuje podstawowe zadanie, ponieważ przechowuje dane. CSS pomaga jednak HTML-owi prezentować te dane użytkownikowi w bardziej zrozumiały i estetyczny sposób.

Powyższy obraz przedstawia zrzut ekranu witryny wikipedia.com z wyłączonymi stylami. 

Innymi słowy, używając wyłącznie języka HTML, możemy uzyskać u odwiedzających wynik widoczny powyżej.

Przyjrzyjmy się teraz wynikowi po ponownym włączeniu kodu CSS.

Jak widać, prezentowane w witrynie dane się nie zmieniają, ale dzięki CSS nasza witryna staje się po prostu przyjaźniejsza dla użytkowników.

Obecna wersja CSS, CSS3, zyskała wiele możliwości wizualnych.

Wiemy już, czym jest CSS. Zanim przejdziemy do następnej sekcji,

przyjrzyjmy się najczęściej zadawanym pytaniom dotyczącym CSS.

Od kiedy używany jest CSS (Cascading Style Sheets)?

CSS to technologia używana od 1996 roku.

Czy mogę stworzyć stronę internetową bez używania CSS?

Tak, mogą Państwo. Jednak prawdopodobnie będzie ona wyglądać tak źle, że nikt jej nie odwiedzi. Bez CSS strony internetowej właściwie nie można nazwać stroną internetową.

Czy główne aplikacje internetowe, takie jak Facebook, Google i Amazon, używają CSS?

Tak. Nie tylko one — każda strona internetowa otwierana w przeglądarce korzysta z CSS.

Czy CSS jest trudny do nauczenia?

CSS jest łatwy do nauczenia. Kod będziemy pisać niemal tak, jakbyśmy mówili po angielsku. Jednak programiści często mają trudności z kilkoma drobnymi zagadnieniami. 

Przykładem może być rozmieszczanie bloków na stronie. Skupimy się na tych i podobnych zagadnieniach. Po ukończeniu kursu z pewnością opanują Państwo CSS.

Czy mają Państwo jakieś wskazówki dotyczące nauki CSS?

Tak. Mogą Państwo bardzo szybko nauczyć się CSS, dużo ćwicząc.

Gratulacje. 🥳🥳🥳

Ukończył(a) Pan/Pani lekcję Czym jest CSS.

W następnej sekcji pozna Pan/Pani wprowadzenie do CSS.

Można kliknąć, aby przejść do następnej sekcji.