Rozdział 1.
Dziedziczenie właściwości
Nie. to nie jest książka serii „Po prostu”
- a .-eona prawu spadkowemu. Znaczniki H T ML-owe zazwyczaj dziedziczą style od z-aczników, wewnątrz których są umieszczone kz> ii znaczników rodzicielskich). Ten proces nazywany jest dziedziczeniem stylów. Dla przykładu, kolor określony dla znacznika <BODY> będzie wykorzystywany przez wszystkie znaczniki umieszczone w treści dokumentu.
W niektórych przypadkach właściwości nie będą dziedziczone przez znaczniki potomne -właściwościami takimi mogą być marginesy, szerokość lub obramowania. Prawdopodobnie nie będziesz miał najmniejszego problemu z określeniem, które właściwości są dziedziczone, a które nie. Dla przykładu, nie będziesz oczekiwał, że każdy zagnieżdżony element będzie miał to samo wypełnienie co jego element rodzicielski. Jeśli jednak będziesz miał jakiekolwiek wątpliwości, to zajrzyj do dodatku A, w którym znajdziesz listę wszystkich właściwości oraz informacje, czy są one dziedziczone czy nie.
Rysunek 1.19. Wyniki ustawienia właściwości w całym dokumencie, podanego na przykładzie listingu 1.12
Listing i. 12. Ustawienie znacznika <BODY> w podany poniżej sposób, powoduje określenie właściwości w całym dokumencie
<htir.l>
<head>
cne ta http-equiv="Content-Type"
->con t en t - M tex t/h tml; char set.«ISO-8 8 5 9- 2 " > <style t.ype "text/cs5">
</style>
</head>
<body>
<P>Królowa miała tylko jeden sposób na rozwiązanie wszelkich problemów, niezależnie cd tego czy byłyby one duże czy małe. "Ściąć mu głowę" powiedziała nawet nie patrząc do okoła.</P> <?><FORM ACTION="head . html" METHOD=*"get"> <SELECT NAME="nazwaSelectaM SIZE="4"
—>MULTIPLE>
cOPTION- VALUE»"jeden">Pierwsza głowa <OPTION VALUE="dwaM>Druga głowa <OPTION VALUE=Htrzy">Trzecia głowa </SELECT> </P>
<PXBR>
<XNFUT TYPE="RESET" VALUE«"Zostawić głowy.">
CMPUT TYPE= "SUBMIT" VALUE»"ŚCIĄĆ! . "> </FORM>
</body>
</html>
Miej się na baczności definiując właściwości znacznika <BODY>.
BODY {font: 16pt/20pl times.serif; color:red; background-color: white;}
Za pomocą tej jednej prostej linii kodu dysponujesz kontrolą nad wszystkim, co jest wyświetlane na ekranie. W tym przypadku problem polega na tym, że w Internet Explorerze właściwość font będzie miała wpływ na wszystkie czcionki na ekranie - włącznie z czcionkami nagłówków, znacznika <TT>, <PRE> itd. Właściwość color dotyczy jedynie koloru tekstu, jednak będzie miała wpływ na kolor wszystkich elementów wyświetlanych na ekranie, łącznie z tabelami i poziomymi liniami (patrz rysunek 1.19).
Dlatego bardzo dokładnie zastanów się, jakie właściwości zdefiniujesz dla znacznika <BODY>.
42