Co to jest CSS? CSS - definicja
CSS (Cascading Style Sheets) to jeden z trzech głównych elementów każdej strony internetowej, razem z HTML i JavaScript, który umożliwia tworzenie arkuszy stylów. CSS pozwala na oddzielenie HTML od sposobu wyświetlania elementów czyli rozmiaru, koloru, tła itp.
Czy warto uczyć się CSS?
Oczywiście że tak - jest to podstawa przy tworzeniu nowoczesnych i ładnych stron internetowych! Język programowania CSS jest jednym z prostszych języków. Najlepszym serwisem do nauki CSS będzie https://w3schools.com/ Wyobraź sobie, że tworzysz wygląd przycisku, ale zamiast używać do tego programu graficznego mówisz: przycisk koloru zielonego, z zaokrąglonymi rogami 20px, z tłem pokrywającym o 20px więcej niż sam tekst w rozmiarze 14px w kolorze białym - brzmi prosto? Tak samo jest w CSS, wystarczy tylko napisać to bardziej strukturalnie:
.button { background: green; border-radius: 20px; padding: 20px; font-size: 14px; color: white; }
CSS + HTML
Aby umieścić taki przycisk w kodzie naszej strony, otwieramy dokument HTML w którym załadowany jest nasz arkusz stylów i dodajemy tag button z atrybutem class zawierającym nazwę naszej klasy (w naszym przypadku klasą będzie button)
<button type="button" class="button">Tekst</button>
To nie wszystko!
To tylko bardzo podstawowe formatowanie elementów - w CSS możemy używać także animacji, formatować dane tagi bez użycia klas, ustawiać dane style przy naciskaniu przycisku, czy nawet najechaniu na niego.