Rozdział 1.
Rozumienie reguł CSS
Gdzie umieszczać reguły CSS?
Reguły mogą być umieszczane w trzech różnych miejscach (patrz tabela 1.2):
• W znaczniku HTML-owym umieszczonym w tekście dokumentu (pomiędzy znacznikami
<body>...</body>). Takie reguły określane są jako wpisane.
• W nagłówku dokumentu. Takie reguły określane są jako osadzone.
• W zewnętrznym dokumencie, który jest następnie dołączany lub importowany do dokumentu (lub dokumentów) HTML-owych. Takie reguły określane sąjako zewnętrzne.
Położenie reguły w stosunku do dokumentu określać będzie zakres jej działania w dokumencie lub nawet w całej witrynie.
Wspaniałą cechą CSS jest fakt, iż są one bardzo łatwe do stworzenia. Nie są do tego potrzebne żadne plug-iny, żadne wymyślne oprogramowanie - wystarczą jedynie reguły.
Reguły CSS określają, jak kod I ITML-owy ma wyglądać oraz jak ma się zachowywać w oknie przeglądarki.
Reguły mogą być tworzone, aby poinstruować znacznik HTML-owy, jak powinien wyświetlić swoją zawartość (patrz strona 29). Możesz także definiować ogólne reguły, które mogą być zastosowane do wybranych przez Ciebie znaczników (patrz strony 30 i 32).
Wszystkie reguły, niezależnie od tego gdzie są umieszczone, składają się z trzech części (patrz tabela 1.1):
1. Selektora - nazwy składającej się z liter
i cyfr, identyfikującej regułę. Selektor może być selektorem znacznika HTML-owego, selektorem klasy lub selektorem identyfikatora.
2. Właściwości - czyli tego, co definiujemy. Istnieje kilkadziesiąt różnych właściwości, z których każda odpowiedzialna jest za inny aspekt działania lub wyglądu zawartości strony WWW.
3. Wartości, które są przypisywane właściwościom w celu zdefiniowania ich „natury”. Wartości mogą być słowem kluczowym, takim jak „yes” lub „no”, liczbą lub wartością procentową. Typ użytej wartości będzie zależał wyłącznie od właściwości, której ta wartość jest przypisywana. Właściwość wraz z wartością są określane jako definicja.
■ Choć Navigator 4.x oraz Internet Explorer 3.x i 4.x udostępniają CSS, to jednak żadna z tych przeglądarek nie pozwala na wykorzystanie wszystkich możliwości CSS. Korzystając z CSS zawsze sprawdź w dodatku A, czy konkretna właściwość może być użyta w danej przeglądarce.