Rozdział 1.
Rozdział 1.
Definiowanie saelektora identyfikatora
i i j i
''jneużt!. Pwy j
Relootl Hójnfeś
Kolimuiy Dlilictiiiit .ni fiiMiontaiK w f nmu ? litdię IteiiKtckw 1
knżiKm 7 wierszy.
Para znac/jukow TK. t TR do tworzenia
wici sza Każdy wif» vx iiw ksnuórkł. kl-rtc deliuiuie się za pomoc* pary zoaczrukow n> j ID. żr.irfiiycliuuę<Cż}'żi)ł!CxXttk-«j«» TR < •''Tle W pizypadkti komórek r^łówka ubywamy żiwczuikcw TH t fSUl (z«fit!it»1 TDj. 2;<tvv:ttiovv komórek natdówkow je.rt *vykle wyświetlana pouOTihioiią czcu tiłcą
Podpisy tabel mtoiiiuij.) o tym. często dotyczy tabela Podpis definiowany jest przez parę a tuczników CAPTION i rCAPTTON. które powinny znaleźć się w obręliie znacznika TABI.F pi?.ed definiowaniem »|
Selektor identyfikatora, podobnie jak selektor niezależnej klasy, może być użyty do stworzenia unikalnych stylów, które nie będą zależne od żadnego konkretnego selektora HTML-owego. Dzięki temu klasy te mogą być wykorzystane w dowolnym znaczniku HTML-owym, w którym mogą być zastosowane (patrz rysunek 1.10).
Aby zdefiniować selektor
I. #obszar1 {position:relative,color:
->red; margin-left:9em;}
Reguły identyfikatorów zawsze rozpoczynają się od znaku po którym podawana jest nazwa selektora. Nazwa może być słowem lub dowolną kombinacją liter lub cyfr patrz (listing l .4). Identyfikatorów możesz używać wraz z właściwościami dowolnych typów, jednak selektory identyfikatorów najlepiej jest stosować z właściwościami umiejscawiającymi w celu definiowania konkretnych elementów.
Aby uiyc identyfikatora
Identyfikator nie będzie działał aż do momentu, gdy zostanie podany w znaczniku umieszczonym w dokumencie.
1. <SPAN ID="obszar1">...</SPAN>
Dodaj atrybut ID do znacznika HTML-owego, jak pokazano na listingu 1.5. Wartością atrybutu ID będzie selektor identyfikatora, który przed chwilą stworzyłeś. Zauważ jednak, że w atrybucie nie jest podawany znak Wyniki
wyświetlenia kodu przedstawione zostały na rysunku 1.11.
S Rady
■ Różnice pomiędzy identyfikatorami
i klasami staną się oczywiste, gdy dowiesz się czegoś więcej na temat umiejscawiania CSS i gdy użyjesz identyfikatorów do tworzenia elementów CSS.
Listing 1.4. Poniższy kod definiuje selektor identyfikatora o nazwie „ obszar I ", kloty spowoduje, że lewy margines skojarzonego z nim tekstu będzie wynosił 9 jednostek em
#obszarl {position:relative; colorired; -»margin-left:9em;}
Listing 1.5. Selektor identyfikatora zostanie przypisany przy pomocy znacznika <SPAN>
<body>
<p>W języku HTML definiuje się po ..,</p> <span id="obszarl">Para -►znaczników...</span>
<p>Podpisy tabei informują o tym, ...</p> <p>Znacznik CAP7ION posiada atrybuty,
. .</p>
</body>
m&u definicja CSS
ń i-1-1
#nazwaID { właściwość : wartość; } nazwa selektora Identyfikatora
Rysunek 1.10. Ogólna składnia selektorów identyfikatorów
> fteloo
: & Ir.lam Mk-łwjt- [j; WabMao £ Ptcplt- -s
Rysunek 1.11. Akapit został przesunięty w prawo o 9 em
a Identyfikatory używane są do nadania każdemu elementowi na ekranie unikalnej nazwy i tożsamości. Dlatego identyfikator używany jest tylko raz, dla jednego znacznika w dokumencie.
32