Osadzanie CSS
Teraz gdy wiemy już nieco więcej na temat samego CSS, pojawia się pytanie, w jaki sposób możemy umieścić kod CSS w naszej aplikacji. Otóż są na to trzy główne sposoby:
- Inline CSS – jest to umieszczanie stylów CSS bezpośrednio na tagu HTML za pomocą atrybutu
style
. - Tag style – tag ten działa jak każdy inny znacznik HTML i to wewnątrz niego znajduje się kod CSS.
- Zewnętrzny plik – najwygodniejsze i najczęściej spotykane rozwiązanie, w którym to tworzymy nowy plik zawierający tylko kod CSS.
Wszystkie te sposoby mają swoje wady i zalety, jednak moim zdaniem zdecydowanie najwygodniejszym sposobem jest tworzenie nowych, samodzielnych plików
.css
, w których to znajdzie się kod stylujący odpowiednie elementy na stronie. Jednakże w codziennej pracy korzysta się ze wszystkich sposobów, więc należy zaznajomić się z nimi wszystkimi.
Każda z tych metod została opisana w kolejnych lekcjach.