CSS 2 - Struktura

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

Struktura arkusza stylów

    

Dołączanie arkuszy stylów do dokumentu
 
Definicję stylu dokumentu można połączyć z dokumentem na kilka sposobów:
  • poprzez umieszczenie polecenia <LINK> w sekcji <HEAD> ... </HEAD> dokumentu;
  • poprzez zdefiniowanie stylów w nagłówku dokumentu wewnątrz znaczników <STYLE> ... </STYLE>;
  • poprzez zaimportowanie arkusza stylów (@import);
  • poprzez bezpośrednie umieszczenie definicji stylu wewnątrz znaczników HTML.

 

Metody tworzenia selektorów

Ogólny schemat definicji stylu ma postać:
 

Selektor {właściwość1: wartość1; . . . ;właściwośćN: wartośćN;}

gdzie:

  • selektor to znacznik języka HTML, klasa lub identyfikator;
  • właściwość to jedna z ponad stu dostępnych w standardzie cech;
  • wartość to liczba, symbol koloru lub słowo kluczowe w zależności od definiowanej właściwości.

 

Komentarze
 
Komentarze są oznaczane za pomocą par znaczników /* ... */ np.
 
H1 { color: red; } /* komentarz */
 
 
Dziedziczenie informacji o stylach.
 
     Jeśli jakiś znacznik nie posiada zadeklarowanej definicji stylu, a jest zawarty w ramach innego znacznika, który posiada zadeklarowaną definicję stylu, to znacznik ten odziedziczy właściwości znacznika, w którym jest umieszczony.
 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]