DHTML0041

Podstawy CSS

Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz selektor identyfikatora, które następnie zostały wykorzystane w znacznikach <D1V> i <SPAN>'

<litml>

<head>

cne ta http-equiv="Cont.ent-Type" -»content="text/html; charse:.=ISO-8859-2"> <style type»"text/css">

■ akapit 1 font: 10pt/18pt helvetica, sar.s-->serif; width: 150px |

■ważne { font: bold 14pt/18pt Limes, -tserif; background-color:a)icebłue; ) </style>

</head> <body>

<DIV class="akapit">W języku HTML definiuje się <SPAN class="wazne">po koiei</span>

wszystkie wiersze tabeli, a każdy z wierszy zawiera <SPAN class=^Mwazne">definicję</SPAN> wszystkich zawartych w nim komórek.

Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jego komórki, następnie drugi wiersz i jego komórki, itd. Kolumny obliczane są automatycznie w oparciu o liczbę komórek w każdym z wierszy.</DXV>

</body>

</html>

unek 1.18. Wyniki wyświetlenia kodu z listingu llw przeglądarce

Tworzenie własnych znaczników za pomoce;

<DIV> i <SPAN>

W tym rozdziale, w części zatytułowanej „Dodawanie reguł CSS do pojedynczych znaczników”, dowiedziałeś się, jak zmieniać styl istniejących znaczników HTML-owych. Jednak większość znaczników posiada pewne predefiniowane właściwości, które musisz albo zaakceptować, albo zdefiniować w inny sposób.

A co w przypadku, gdy będziesz chciał stworzyć znacznik od samego początku?

Choć nie możesz tworzyć nowych znaczników HTML-owych w dosłownym znaczeniu tego słowa, to jednak możesz osiągnąć bardzo zbliżony efekt używając znaczników <DIV> i <SPAN> oraz klas i identyfikatorów. Przykład takiego postępowania przedstawiony został na listingu 1.11.

Użycie znacznika <DIV>

Znacznik <DIV> jest przydatny do tworzenia akapitów bez konieczności użycia znacznika

<P>, gdyż jedynymi własnymi właściwościami,

jakie posiada, są przełamania linii powyżej i poniżej niego.

Użycie znacznika <SPAN>

Z drugiej strony, znacznik <SPAN> nie ma żadnych odziedziczonych właściwości. Dlatego może być wykorzystywany jako pusty szablon do tworzenia Twoich własnych stylów. Znacznik <SPAN> jest doskonały do tworzenia własnych elementów wpisanych oraz warstw, które dzięki wykorzystaniu identyfikatora można dokładnie umiejscawiać (co zostanie opisane w rozdziale 7).

Tworzenie własnych znaczników

z Rada

■ Zarówno znacznik <DIV>, jak i <SPAN> mogą zostać zdefiniowane tak samo jak każdy inny selektor HTML-owy (patrz strona 29). Jednak taka metoda ograniczy oba znaczniki nadając im tylko jeden zbiór właściwości. Zamiast tego możesz używać selektorów klas oraz selektorów identyfikatorów w celu użycia tylko tych właściwości, które są potrzebne dla konkretnego elementu strony WWW.

Wyszukiwarka

Podobne podstrony:
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0035 Podstawy CSS Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość
DHTML0128 Umiejscawianie w CSS Listing 7.9. W tym przykładzie definiujemy cztery identyfikatory. ele
DHTML0025 Podstawy CSS Tabela 1.1. Wymagana zawartość reguł stylów Część Co to jest? Przykład Gdzi
DHTML0033 Podstawy CSS Podstawy CSS Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sa
DHTML0139 Praktyczne zastosowanie CSS Listing X. 10. W tym arkuszu stylów zdefiniowane zostały ident
W tym przykładzie stworzysz przycisk, który będzie reagować na akcje myszki, jak najechanie nad jego
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
DHTML0027 Podstawy CSS Podstawy CSS Tabela 1.3. Selektory znaczników blokowych Selektor Użycie w
DHTML0031 Podstawy CSS Podstawy CSS kropka definicja CSS r i-J-1
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.
DHTML0043 Podstawy CSS : isting 1.13. Zmienianie wartości odziedziczonych
DHTML0047 Podstawy CSS 7. Czy zamknąłeś wszystkie znaczniki komentarzy umiesz
DHTML0114 Umiejscawianie w CSS . Listing 7.1 etscape 5te £drt iew £o gamrrwfcatDr W języku HTML defi
DHTML0122 Umiejscawianie w CSS Listing 7.6. Pierwszy akapity został umiejscowiony względnie i ustawi
Podstawy technologii Bluetooth 11 bezpieczeństwem transmisji danych, śledzenie dostępnych usług oraz
DHTML0058 Czcionki CSS ■a jj j S«« d) Favoriłe$ ł-uktary Listing 2.6. W tym przykładzie definiujemy,

więcej podobnych podstron