DHTML0031

Podstawy CSS

Podstawy CSS

kropka    definicja CSS

r\    i-^J-1

selektor. nazwaKlasy ( właściwość : wartość; }

i-,-1 i-p--1

sto^A'0    nazwa selektora klasy

kluczowe

HTML

Rysunek i.H. Ogólna składnia selektora I IT.ML-owego z klasą

Rysunek 1.9. Wygląd klas ogromna oraz extra w przeglądarce

Klasy zależne

klasa może być bezpośrednio skojarzona z selektorem HTML-owym. W takim przypadku będzie to klasa zależna, co oznacza, że będzie ją można używać wyłącznie w określonym znaczniku HTML-owym. Podstawowa składnia klasy zależnej przedstawiona została na rysunku 1.8.

Jest mało prawdopodobne, abyś chciał tworzyć klasy skojarzone z selektorami HTML-owymi, chyba że będziesz potrzebował klasy o tej samej nazwie, lecz zdefiniowanej w odrębny sposób dla różnych znaczników HTML-owych; na przykład P.fajny w odróżnieniu od H1.fajny.

Aby użyć klasy w znaczniku HTML-owym

Klasa nie będzie działała aż do chwili, gdy zostanie podana w znaczniku HTML umieszczonym w dokumencie, jak na poniższym przykładzie:

1. <BIG CLASS="ogromna">...</BIG>

Teraz użyjemy klasy ogromna, aby zawartość znacznika <BIG> stała się naprawdę duża. Klasy ogromna będziemy mogli używać w dowolnym znaczniku, jak to zostało pokazane na listingu 1.3. Na rysunku 1.9 przedstawione zostały wyniki użycia przedstawionego kodu.

/ Rada

■ W znacznikach HTML-owych możesz mieszać klasy wraz z identyfikatorami oraz regułami wpisanymi (zobacz „Dodawanie reguł CSS do pojedynczych znaczników HTML-owych”, na stronie 35).

Definiowanie selektorów klas