DHTML0033

Podstawy CSS

Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sama grupa definicji, dodatkowo wielkość czcionki.znacznika <H1> zostanie odrębnie powiększona

<htmi>

<head>

HI, H2, H3, H4, H5, H6 {

-»font: bold 18pt/20pt heivetica, ->sans-serif;)

HI { font-size: 26pt )

</style>

</head>

cbody bgcolor="**FFFFFF"> •

<hl>Kao'ówek poziomu l</hl>

<h2>Nagiówek poziomu 2</fc2>

<h3>NagŁćwek poziomu 3</h3>

<h4>Nagłówek poziomu 4</h4>

<h5>Nagłówek poziomu 5</h5>

<h6>Nagłówek poziomu 6</h6>

</body> 6'te £<1rt Vlew Qo £omrm#nc.«tor

■i- * 3 fii jh. L~ i sA‘ Ti II

i mnó Uqm» &»cł* W* SKuity ' flj

Nagłówek poziomu 1

Nagłówek poziomu 2 Nagłówek poziomu 3 Nagłówek poziomu 4 Nagłówek poziomu 5 Nagłówek poziomu 6

i___ -'im eftth*. Chaosa ?Go Onin ^ _%:jj.

Rysunek 1.12. Wszystkie znaczniki nagłówków wyglądają identycznie, za wyjątkiem znacznika <HI>

Przypisywanie tej samej definicji kilku selektorom

Jeśli masz kilka selektorów HTML-owych, którym chcesz nadać tę samą definicję, to wystarczy że zapiszesz je w formie listy, oddzielając od siebie przecinkami (patrz rysunek 1.12). Przy pomocy listy możesz zdefiniować ogólne cechy, a następnie, jeśli będziesz chciał, możesz podać dodatkowe reguły dla każdego wybranego selektora HTML-owego.

Aby zgrupować definicje

1. H1,H2,H3,H4,H5,H6 {fontrbold,

—>18/20pt, helvetica,sans-serif;}

Podaj listę selektorów HTML-owych oddzielonych od siebie przecinkami, jak pokazano na listingu 1.6. Podane znaczniki będą miały tę samą definicję.

2. H1 {font-size:26pt;>

Jeśli chcesz, to możesz osobno dodać lub zmienić definicję każdego z selektorów.

S Rady

■ Grupowanie selektorów' w podany wyżej sposób może oszczędzić wiele czasu

i powtarzania tych samych informacji. Uw'ażaj jednak zmieniając wartość dowolnej z właściwości, zmieniasz tę wartość dla każdego ze znaczników podanych na liści.

■ Na liście, oprócz selektorów HTML-owych, możesz także podawać selektory klas (zależnych i niezależnych) oraz selektory identyfikatorów.

Przypisywanie tej samej definicji

Wyszukiwarka

Podobne podstrony:
DHTML0035 Podstawy CSS Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość
DHTML0087 Stosowanie właściwości kolorów i tła Listing 5.7. Wszystkie właściwości określające tło zn
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
DHTML0128 Umiejscawianie w CSS Listing 7.9. W tym przykładzie definiujemy cztery identyfikatory. ele
15 WYKŁAD 1. PODSTAWY RACHUNKU PRAWDOPODOBIEŃSTWA Wszystkie t-shirty są wymieszane i mają taką samą
WA308?7 II5947 NAUKA O LUDACH458 I 442 zrka tych wszystkich ludów jest prawie jedna i ta sama. Ogra
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0047 Podstawy CSS 7. Czy zamknąłeś wszystkie znaczniki komentarzy umiesz
DHTML0027 Podstawy CSS Podstawy CSS Tabela 1.3. Selektory znaczników blokowych Selektor Użycie w
DHTML0041 Podstawy CSS Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz sel
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
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
DHTML0058 Czcionki CSS ■a jj j S«« d) Favoriłe$ ł-uktary Listing 2.6. W tym przykładzie definiujemy,

więcej podobnych podstron