Kaskadowe arkusze stylów

Czym są arkusze stylów?

Zasadniczą ideą wprowadzenie stylów przy tworzeniu stron WWW jest oddzielenie treści strony od jej prezentacji. W tym kontekście, kaskadowe arkusze stylów są zbiorem informacji o sposobach formatowania dokumentu HTML. Informacja o stylu obejmuje m.in. atrybuty czcionki, takie jak jej rozmiar, efekty specjalne (pogrubienie, kursywa, podkreślenie), dalej kolor czcionki i tła, wyrównanie, wartość interlinii, marginesy, również rozmieszczenie elementów na widocznej w przeglądarce części strony, etc.

Kaskadowe arkusze stylów (w skrócie CSS) zapewniają duże możliwości formatowania dokumentów napisanych w języku HTML. Działanie CSS jest analogiczne do działania arkuszy stylów, znanych z programów do edycji tekstu, jak np. Word czy LaTeX. d dokumentem hipertekstowym.

Poziomy CSS

CSS posiada obecnie trzy poziomy, pierwszy, drugi i trzeci. Prace nad rozwojem kaskadowych arkuszy stylów wciąż trwają. Obecnie, rekomendowaną wersją CSS jest wersja o numerze 2.1, dla której rekomendacja W3C pochodzi z dnia 7 czerwca 2011 r. Obecnie trwają prace nad wersją CSS3.

Zasadnicze cechy arkuszy stylów

Style są definiowane jako zbiór reguł. Dzięki tym regułom przeglądarka wie, jak należy sformatować (umieścić na ekranie i odpowiednio wyświetlić) dany typ zawartości.
Informacje o stylach są składowane w jednym miejscu. Jeśli trzeba zmienić styl, wystarczy to uczynić w jednym miejscu, a poczynione zmiany będą identycznie widoczne w wielu miejscach.
Brak zasadniczo nowych elementów w porównaniu z językiem HTML.

Zmiana stylu w znaczniku span wyróżniony fragmencik tak dla próby.

A to div

z nagłówkami i obrazkiem

wyśrodkowany cały blok

Numer	Nazwa	Opis	Objaśnienie	Wygląd
		Non-breaking space	"Twarda" spacja
¡	¡	Inverted exclamation mark	Znak odwróconego wykrzyknika	¡
&#162	¢	Cent sign	Znak centa	¢
&#163	£	Pound sign	Znak funta	£
&#164	¤	Currency sign	Znak waluty	¤
&#165	&yen	Yen sign	Znak jena	¥
&#166	¦	Broken vertical bar	Przełamana pionowa linia	¦
&#167	§	Section sign	Znak sekcji	§
&#168	¨	Umlaut (diaeresis)	Umlaut (diereza)	¨
&#169	©	Copyright sign	Znak praw autorskich	©
&#170	ª	Feminine ordinal indicator	Wskaźnik liczebnika porządkowego żeńskiego	ª