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.

CSS kod

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.