Kaskadowe arkusze stylów CSS to język opracowany przez organizację W3C w 1996 roku. Został stworzony, aby umożliwić oddzielenie formy wyświetlania od treści. Dzięki temu nie musimy definiować wyglądu strony w pliku HTML, ale możemy to zrobić w oddzielnym pliku CSS. Wersja CSS3 jest rozszerzeniem poprzednich wersji i powstała w 1999 roku. Krótko po powstaniu wersji CSS2.
Do dokumentu HTML można dołączyć plik CSS za pomocą elementu link
:
Bardzo prosta strona w HTML:
Przykładowe reguły zawarte w pliku CSS:
Gdzie mamy powyżej:
h1
,p
– selektory;color
,font-family
,font-size
– właściwości;#000000
,Arial
,16px
– wartości.
Można też zadeklarować style CSS bezpośrednio w nagłówku head
:
Dopuszczalne jest deklarowanie stylów bezpośrednio w tagu:
Tagowi można nadać również id i klasę:
Zawartość pliku CSS z regułami dla id i klasy:
Najważniejsze właściwości dodane w CSS3:
border-radius
– zaokrąglone narożniki;background-image
– obrazek w tle elementu;linear-gradient
– przejście między kolorami;text-shadow
– cień tekstu;box-shadow
– cień elementu (np. div’a);@font-face
– wczytywanie czcionek tekstu.
Dokładny spis właściwości dostępnych w CSS3 znajduje się tutaj.