Kaskadowe arkusze stylów CSS ( Cascading Style Sheets ) służą do definiowania sposobu wyświetlania elementów HTML. Pozwalają określić rozmiar oraz kolor czcionki, czy definiować odstępy i rozmieszczenie tekstu, obrazów na stronie www. Pełna lista ich możliwości jest znacznie dłuższa. Znaczniki HTML zostały pierwotnie zaprojektowane jako narzędzia definiowania zawartości dokumentu. Wraz z rozbudową możliwości przeglądarek zaczęły pojawiać się coraz to nowe znaczniki oraz atrybuty. Z kaskadowymi arkuszami stylów wiążą się dwa istotne pojęcia: dziedziczenie stylów i ich kaskadowy charakter. 

Czym są kaskadowe arkusze stylów ?

Kaskadowe arkusze stylów css to mechanizm definiujący formatowanie dla określonej strony www, przy zastosowaniu stylów złożonych, które przeglądarka zinterpretuje w określonym porządku, zwanym kaskadą.  

Dziedziczenie stylu, co to takiego ?

Dziedziczenie polega na tym że elementy niższej hierarchii drzewa dokumentu dziedziczą formatowanie elementów leżących wyżej w hierarchii. Jeśli więc do tekstu w tabeli zastosowana pogrubiona czcionkę, o określonym kroju, to pojawi się ona we wszystkich komórkach tej tabeli, gdyż element td lezni niżej w hierarchii drzewa dokumentu niż element table. Możemy jednak uniknąć dziedziczenia stylu tworząc oddzielny formatowanie dla wybranej komórki.

Co daje stosowanie arkuszy CSS ?

Podstawowe zalety  stylów css to przede wszystkim szybka i prosta modyfikacja stylu, oraz błyskawiczna wręcz aktualizacja postaci dokumentu w przypadku takich zmian. Wyobraź sobie ze prowadzisz poważny duży serwis www, i trzeba na niej zmienić sposób formatowania nagłówka. To wiele godzin pracy, jeśli będziesz ręcznie poprawiał elementy, atrybuty strony www bądź chwila jeżeli zastosujesz w dokumencie arkusze css - wówczas modyfikacja stylu to parę stuknięć w klawisze, a aktualizacja to automat. 

Jakie są rodzaje arkuszy stylów ?

Arkusze stylów dają wiele możliwości stosowania stylów. Definicja stylu może pojawiać się konkretnie w dokumencie HTML, co nazywamy wówczas stylem wpisanym w obrębie elementu head strony, lub może zostać pobrany z pliku zewnętrznego, co nazywamy zewnętrznym lub łączonym arkuszem stylów. Łączone arkusze stylów s przechowywane w zewnętrznym pliku 1o rozszerzeniu nazwa.css. Składnia takiego arkusza jest podobna do składni arkusza osadzonego, a sformatowanie strony wymaga jedynie umieszczenia połączenia z plikiem zawierającym definicje stylu. 

<style>
<!--
@import url("adres url arkusza");
-->
</style>

Imporotowane style ułatwiają zachowanie jednolitego wyglądu oraz zarządzanie witryną.

Autor: Rafał Stasiak 
Dodano: 05.03.2003