CSS (ang. Cascading Style Sheets, czyli kaskadowe arkusze stylów) definiuje, jak mają być wyświetlane elementy HTML.
Style CSS zostały wprowadzone w HTML4.0 i dzięki nim można oddzielić warstwę wizualną od treści strony. Ponadto stosowanie kaskadowych arkuszy stylów pozwala zaoszczędzić wiele czasu. Przed pojawieniem się styli CSS, zachowanie spójności dużych serwisów, było bardzo trudne. Dzięki arkuszom styli możesz zmienić wygląd wielu podstron, edytując tylko jeden plik.
Sposoby umieszczania stylów CSS na stronie
- style lokalne,
- style osadzone,
- style zewnętrzne.
Style lokalne
Style lokalne mogą okazać się pożyteczne, gdy chcemy edytować jednorazowo jakiś pojedynczy element i nie zamierzamy go zmieniać.
Style osadzone
Style osadzone mogą okazać się użyteczne, gdy tworzymy stronę składającą się tylko z jednego dokumentu. W przypadku gdy kilka podstron ma wyglądać tak samo, znacznie rozsądniej jest skorzystać z zewnętrznego arkusza stylów, ponieważ w momencie gdy chcemy zmienić wygląd strony wystarczy edytować tylko jeden plik.
Style osadzone muszą znajdować się w sekcji head między znacznikiem style
Style zewnętrzne
Dopiero dzięki takiemu rozwiązaniu widać jak wielkie możliwości daje korzystanie z CSS. Przez użycie stylów zewnętrznych zaoszczędzić wiele czasu w momencie, gdy dochodzimy do wniosku, że strona, którą zrobiliśmy mogłaby wyglądać lepiej i chcemy nieco ulepszyć jej wygląd. Dzięki zmianom jakie wprowadzimy w pliku nazwaArkuszaStylów.css zmieniamy wygląd wszystkich podstron, które z niego korzystają.
Aby dołączyć arkusz style w sekcji head należy wstawić odpowiedni link w sekcji head.
Nic też nie stoi na przeszkodzie, aby strona korzystała z kilku arkuszy stylów. Mogą one być umieszczone w różnych folderach, a nawet na różnych stronach.