DHTML0043

Podstawy CSS

: isting 1.13. Zmienianie wartości odziedziczonych iaściwości

html>

<head>

B, I { font-weight: normal; }

P { font-weight: bold; }

</style>

/head>

<body>

<p>W języku HTML definiuje się po kolei -szystkie v;iersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek. Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jego komórki, I>następnie drugi wiersz i jego komórki itd. Kolumny obliczane są automatycznie w oparciu o liczbę komórek w każdym z wierszy.</!></?>

<8>Podpisy tabel informują o tym, czego dotyczy tabeia. Podpis definiowany jest przez parę znaczników ZAPTTON i /CAPTION, które powinny znaleźć się w obrębie znacznika 7ABLE przed definiowaniem wierszy.</B>

</body>

</html>

■4 i ^ ^ Ą*' s ‘ai' Hjjfft

*** _ ‘im* tirtt Swtiy MB

j W języku HTML' cieniuje się po koleiSiersze tabeli, _;a każdy z wierszy zawiera definicję wszystkich zawartych w niin komorek. Defiruowanie tabełi zaczynamy od górnean wi pyszni, y okt eslamy wszystkie jego komórki, Hctstępma drugi wursz ij<igc ad, Koiumay.iiU^ąi^^^Miiiatyczme w oparciu o-.'■•zU Hmorź&te^:kqzdym z wierszy.

Podpisy tabel informują o tym. czego dotyp^tablMr-Pó^pij -definiowany jest przez parę znaczników CAE*'ITOK i /CAiPTION. któr t powinny znaleźć się w obrębie maonika TABLE przed definiowaniem wiers^ | |

j'-' 1 Zou gffflnę. Cły»Qgg i ■ d* .tyhA- & \ ||

Rysunek 1.20. Wyniki wyświetlenia kodu z listingu 1.13 w Internet Explorerze

^ Rada

■ Netscape Navigator sprawia nieco problemów przy usuwaniu istniejących uprzednio właściwości. Możesz je zmieniać, jednak nie można w całości ich zastąpić. Na przykład, jeśli w znaczniku <B> przypiszemy właściwości font-weight wartość normal, to i tak w Nawigatorze zawartość tego znacznika zostanie wyświetlona jako pogrubiona.

Zarządzanie istniejącymi wcześniej lub odziedziczonymi wartościami właściwości

Ponowne zdefiniowanie selektora nie powoduje utraty jego dotychczasowych właściwości. Znacznik, którego definicja została zmieniona za pomocą CSS, cały czas będzie posiadał podane wcześniej właściwości. Wszystkie te właściwości będą wpływały na wygląd znacznika, chyba że zostaną zmienione istniejące wcześniej właściwości określające jego wygląd.

Dla przykładu, przy użyciu CSS możesz spowodować, że znacznik <B> będzie wyświetlany większą czcionką i kursywą:

B {font-size:larger; font-sty le: ital i c ;>

Jednak, chociaż nie jest to podane w definicji stylu, cały czas tekst będzie wyświetlany jako pogrubiony. Zmieniając wartość właściwości font-weight możesz jednak spowodować, że znacznik <B> nie będzie wyświetlany

pogrubioną czcionką:

B {font-weight: normal;}

A zatem będzie to oznaczało zastąpienie naturalnego stanu znacznika <B>

(patrz listing 1.13).

Także właściwości dziedziczone po znacznikach rodzicielskich (patrz poprzednia strona) można zmodyfikować poprzez jawne określenie wartości wybranej właściwości w liście definicji zagnieżdżonego znacznika. Można to zrobić zarówno w nagłówku strony, jak i bezpośrednio w znaczniku.

Przykład wykorzystania podanych powyżej informacji przedstawiony został na rysunku 1.20. Grubości tekstu znaczników <B> i <l> nadano wartość normal (określającą normalną grubość), natomiast akapity będą wyświetlane jako wytłuszczone. Jeśli znacznik <l> zostanie użyty w akapicie, to jego zawartość nie będzie wytłuszczana.

Zarządzanie wartością mi właściwości

Wyszukiwarka

Podobne podstrony:
DHTML0021 Podstawy CSS consortiumWORLD WlDE WEB Rysunek 1.1. World Wicie Web Consortium: http://www.
DHTML0023 Podstawy CSS Podstawy CSS } .</P> <P>. HTML 4.0 Najnowsza wersja języka hipert
DHTML0025 Podstawy CSS Tabela 1.1. Wymagana zawartość reguł stylów Część Co to jest? Przykład Gdzi
DHTML0027 Podstawy CSS Podstawy CSS Tabela 1.3. Selektory znaczników blokowych Selektor Użycie w
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0031 Podstawy CSS Podstawy CSS kropka definicja CSS r i-J-1
DHTML0033 Podstawy CSS Podstawy CSS Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sa
DHTML0035 Podstawy CSS Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość
DHTML0037 Podstawy CSS Mieszanie i dopasowywanie plików Aby otrzymać dokładnie taki układ strony jak
DHTML0039 Podstawy CSS Podstawy CSS Aby zaimportować dokument CSS do innego dokumentu CSS: 1.
DHTML0041 Podstawy CSS Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz sel
DHTML0047 Podstawy CSS 7. Czy zamknąłeś wszystkie znaczniki komentarzy umiesz
DHTML0050 Czcionki CSS Tabela 2.1. Ogólne czcionki Wartość Przykłady serif Times, New York,
skanuj0108 (13) 2 20 Wartość subiektywizm akuira - i OdwrOl- IIIC ) V. ió/nu się rozmaite typy warto
Zdjęcie1212 i 13- 2 Obliczenie wartości średniej, wariancji i odchylenia standardowego N: umstnąbi

więcej podobnych podstron