Rozszerzenie pliku .css oznacza plik arkusza stylów w języku CSS (Cascading Style Sheets, czyli kaskadowe arkusze stylów), używany do definiowania wyglądu stron internetowych.
Pliki z rozszerzeniem .css zawierają reguły formatowania, które określają m.in. kolory, czcionki, rozmiary, marginesy i inne aspekty prezentacji elementów HTML na stronie. Plik .css to czysty tekst, który najczęściej przechowuje się oddzielnie od kodu HTML, aby ułatwić zarządzanie wyglądem całej witryny, zwiększając przejrzystość i centralizację stylów.
Aby powiązać plik .css z dokumentem HTML, umieszcza się w sekcji <head> dokumentu HTML specjalny znacznik <link> z atrybutem href wskazującym ścieżkę do pliku CSS. Plik może mieć dowolną nazwę, jednak generalnie spotyka się nazwy takie jak style.css lub main.css. W pliku .css nie umieszcza się znaczników HTML, a cały jego kod zapisany jest w składni CSS bezpośrednio rozpoznawanej przez przeglądarki.
Podstawowa struktura reguły w pliku .css wygląda tak: selektor { właściwość: wartość; }, na przykład: h1 { font-size: 16px; font-family: Helvetica; font-weight: bold; }
Najważniejsze cechy korzystania z plików .css
- Oddzielenie wyglądu (prezentacji) od struktury i treści strony,
- ułatwienie wprowadzania zmian w stylach dla wielu podstron jednocześnie (centralizacja),
- wpływ na szybkość ładowania i przejrzystość kodu strony,
- możliwość łatwego ponownego wykorzystania tych samych reguł stylów w wielu dokumentach HTML.
