Identyfikatory i Klasy
Identyfikatory
Czasami może zdarzyć się tak, że chcielibyśmy, aby poszczególne elementy objęte znacznikami np. <P> wyglądały inaczej. Taki efekt możemy osiągnąć stosując identyfikatory lub klasy. Najpierw zajmiemy się tymi pierwszymi, czyli identyfikatorami. Przykładowa ich deklaracja może wyglądać następująco:
Oczywiście taka deklaracja powinna znaleźć się w arkuszu stylów. Teraz dowolny fragment, który miałby wyglądać według opisanego stylu należy opisać tak jak w poniższym przykładzie:
Identyfikatory moją niestety jedną bardzo ważną wadę. Pojedynczy identyfikator można wykorzystać w całym dokumencie tylko raz !!! W związku z tym wykorzystuje się je głównie do pozycjonowania bloków.
Klasy
O wiele wygodniejsze jest wykorzystywanie tzw. klas. Są one bardzo podobne do identyfikatorów poza tym właściwie jedyną różnicą. Raz zadeklarowaną klasę możemy wykorzystać w dokumencie wielokrotnie. Taka deklaracja różni się od deklaracji poznanej przed chwilą tylko tym, że zamiast znaku # występuje znak . (kropka):
A wykorzystuje się ją tak:
Dodatkowo oba selektory umożliwiają zastosowanie pewnej sztuczki. Polega ona na tym, że nie określamy rodzaju bloku w jakim zostanie użyty element np. P, Div, H1 ...
lub
Teraz jak już wspomniałem w dowolnym bloku możemy wykorzystać zadeklarowane elementy pamiętając o regule, że identyfikator można wykorzystać tylko raz, a klasę wielokrotnie:
Czasami może zdarzyć się tak, że chcielibyśmy, aby poszczególne elementy objęte znacznikami np. <P> wyglądały inaczej. Taki efekt możemy osiągnąć stosując identyfikatory lub klasy. Najpierw zajmiemy się tymi pierwszymi, czyli identyfikatorami. Przykładowa ich deklaracja może wyglądać następująco:
P#one { color : blue };
Oczywiście taka deklaracja powinna znaleźć się w arkuszu stylów. Teraz dowolny fragment, który miałby wyglądać według opisanego stylu należy opisać tak jak w poniższym przykładzie:
<p id="one">Tekst opisany identyfikatorem</p>
Identyfikatory moją niestety jedną bardzo ważną wadę. Pojedynczy identyfikator można wykorzystać w całym dokumencie tylko raz !!! W związku z tym wykorzystuje się je głównie do pozycjonowania bloków.
Klasy
O wiele wygodniejsze jest wykorzystywanie tzw. klas. Są one bardzo podobne do identyfikatorów poza tym właściwie jedyną różnicą. Raz zadeklarowaną klasę możemy wykorzystać w dokumencie wielokrotnie. Taka deklaracja różni się od deklaracji poznanej przed chwilą tylko tym, że zamiast znaku # występuje znak . (kropka):
P.one { color : blue; }
A wykorzystuje się ją tak:
<P class="one">Tekst opisany klasą</P>
Dodatkowo oba selektory umożliwiają zastosowanie pewnej sztuczki. Polega ona na tym, że nie określamy rodzaju bloku w jakim zostanie użyty element np. P, Div, H1 ...
#one { color : blue; }
lub
.one { color : blue; }
Teraz jak już wspomniałem w dowolnym bloku możemy wykorzystać zadeklarowane elementy pamiętając o regule, że identyfikator można wykorzystać tylko raz, a klasę wielokrotnie:
<Div class="one">Tekst opisany klasą</P>
Materiał dodany przez użytkownika: alphan