Podstawy CSS
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>
<meta http“equiv»MContent-Type" ->content="te^t/html; charset=ISO-8859~2"> <style type~"te::t/css">
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 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>
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.
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.
■ 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
33