Lekcja 1: Co to jest CSS?

Możliwe że słyszałeś już o CSS i nie wiedziales tak naprawdę co to oznacza. W tej lekcji nauczysz się czym jest CSS i co może dla ciebie zrobić.

CSS jest is an skrótem od Cascading Style Sheets (Kaskadowe Arkusze Stylów).

Co mogę zrobić z CSS?

CSS jest językiem stylu określającego układ graficzny dokumentów HTML. Na przykład, CSS ustawia parametry czcionki, kolorów, marginesów, linii, wysokości, szerokości, obrazków tła, zaawansowanego pozycjonowania i wielu innych rzeczy . Poczekaj a sam zobaczysz!

Można dodawać poprzez HTML układ graficzny. Ale CSS oferuje więcej opcji i jest bardziej dokładny i wyszukany. CSS jest wspierany przez większość dzisiejszych przeglądarek.

Po paru lekcjach tego kursu będziesz już potrafił tworzyć swoje własne arkusze stylów wykorzystując CSS do nadania swoim stronom wspaniałego wyglądu.

Jaka jest różnica między CSS a HTML?

HTML jest używany do strukturyzacji treści. CSS jest używany do formatowania tej treści.

Dobrze, brzmi trochę technicznie i mieszanie, ale proszę kontynuuj czytanie. wszystko niedługo stanie się sensowne.

W dawnych dobrych czasach kiedy Madonna była dziewicą a facet zwany Tim Berners Lee wynalazł World Wide Web, język HTML był wykorzystywany tylko do nadawania struktury w tekście. Autor mógł oznaczyć swój tekst "to jest nagłówek" lub "to jest akapit" używając znaczników HTML takich jak <h1> i <p>.

Gdy internet zdobył popularność, twórcy stron zaczeli poszukiwać możliwości nadawania układu graficznego dokumentom HTML. Aby spełnić te wymagania, twórcy przeglądarki (w tamtych czasach Netscape i Microsoft) stworzyli nowe znaczniki HTML takie jak na przykład <font> , który różnił się od oryginalnych znaczników HTML przez to, że dodawał układ graficzny - a nie strukturę.

To także doprowadziło do sytuacji kiedy oryginalne znaczniki struktury <table> były coraz częściej błędnie wykorzystywane do tworzenia układu graficznego stron, zamiast dodawania struktury do tekstu. Wiele nowych znaczników układu graficznego takich jak <blink> było wspieranych tylko przez jeden typ przeglądarek. "Potrzebujesz przeglądarki X aby wyświetlić stronę" stał się częstym zaprzeczeniem na stronach internetowych.

CSS został stworzony aby rozwiązać problematyczną sytuację poprzez dostarczenie twórcom stron internetowych możliwości tworzenia zaawansowanych układów graficznych wspieranych przez wszystkie przeglądarki. W tym samym czasie, separacja prezentacji stylu dokumentów od treści dokumentów, pozwoliła na łatwiejszą kontrolę dokumentów.

Jakie korzyści da mi CSS?

CSS stał się rewolucją w świecie projektowania stron internetowych. Jedne z wielu korzyści CSS:

• kontrola układu graficznego wielu dokumentów z poziomu jednego arkusza stylów;
• bardziej precyzyjna kontrola układu graficznego;
• stosowanie różnych układów graficznych zaleźnie od typu medium (ekran, drukarka, itd.);
• niezliczone zaawansowane i wyszukane techniki.

W następnej lekcji popatrzymy bliżej na to jak działa CSS i jak zacząć.