CSS może odnosić się do dowolnego z poniższych:
1. Skrót od kaskadowych arkuszy stylów, CSS to język używany do opisywania stylów wielokrotnego użytku do prezentacji dokumentów napisanych w języku znaczników. Jego koncepcja została zapoczątkowana przez Håkon Wium Lie w 1994 roku. W grudniu 1996 roku CSS został opracowany przez W3C i obecnie pozwala twórcom stron internetowych zmieniać układ i wygląd swoich stron internetowych. Na przykład CSS może być używany do zmiany czcionki używanej w określonym elemencie HTML, a także jego rozmiaru i koloru. Pojedynczy plik CSS może być połączony z wieloma stronami, co umożliwia programistom zmianę wyglądu wszystkich stron jednocześnie.
Poniższe pole zawiera podstawowy przykład użycia kodu CSS do zdefiniowania czcionek, koloru hiperłączy i koloru łącza po najechaniu kursorem myszy. W tym konkretnym przykładzie zmieniamy tylko tagi HTML i zamiast tworzyć nowe selektory klas lub identyfikatorów.
body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {kolor: # 000000; } A: odwiedzono {kolor: # 005177; } a: hover {color: # 005177; }
Kod CSS w powyższym polu można wstawić do sekcji nagłówka HTML strony przy użyciu następującego kodu. Pamiętaj jednak, że wykonanie tej czynności powoduje zastosowanie tych zmian tylko do jednej strony.
Jeśli chcesz użyć kodu CSS na wielu stronach, zalecamy przechowywanie kodu w osobnym pliku CSS, a następnie ładowanie go na każdej stronie. Na przykład kod CSS pokazany w pierwszym polu na tej stronie można skopiować i wkleić do pliku z rozszerzeniem.css.
Wskazówka
Plik CSS można utworzyć za pomocą dowolnego edytora tekstu lub nawet Notatnika, jeśli używasz systemu Windows.
Po zapisaniu pliku należy go połączyć w nagłówku kodu HTML za pomocą znacznika. Poniższe pole pokazuje przykład tego elementu w użyciu.
Jeśli plik CSS został nazwany example.css i znajduje się w tym samym katalogu, co plik HTML, z którego jest ładowany, następujący wiersz połączy plik CSS.
CSS3 to wersja CSS (Cascading Style Sheets), która zastępuje CSS2. Wprowadza nowe selektory i właściwości, które pozwalają na większą elastyczność w zakresie układu strony i prezentacji. Niektóre aktualizacje, takie jak właściwość box-shadow (która umożliwia dodanie cienia do elementu), pozwalają na stosowanie efektów wizualnych bez potrzeby tworzenia specjalnych obrazów.