Podstawowe informacje o CSS3

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.