CSS /częsć 1

Są trzy sposoby przypisania stylu
1. bezposrednio przy elemencie HTMLa np:
<p style="color: red ">Test</p>
2. umieszczając w HEAD dokumentu HTML
<style type="text/css">
p {color: red;}
</style>
3. w zewnętrznym arkuszu styli, tak jak w tym dokumencie. Taki arkusz to plik tekstowy zapisany z roszerzeniem CSS. Tu lek16.css. Znajdź w źródle tej strony taką linnie
<link href="lek16.css" rel="stylesheet" type="text/css">
Polecam na razie uzywać to ostatnie rozwiązanie, choć można wszystkie 3 i to w tym samym dokumencie i przeglądarka da sobie z tym radę.

Przykład poniższy pokazuje do czego można przypisać styl.
1. do CLASS jak w DIV R (html dla R)
<div class="typ08">1</div> taką klase w arkuszu stylow oznacza się poprzedzajac nazwę kropką .type08
2. do ID jak w DIV G (html dla G)
<div id="typ08">2</div> ID w arkuszu stylow oznacza się tak #type08
3. do obiektów HTMLa do do DIV (html dla B)
<div>3</div> ID w arkuszu stylow oznacza się tylko pisząc div
Fragment arkusza styli dotyczących tego przykładu
.typ08 {border:2px solid red; background-color: #fff;}
#typ08 {border:2px solid green; background-color: #fff;}
div {border:2px solid blue; background-color: #fff;}

Pytania i odpowiedzi

Dlaczego jest raz CLASS a potem ID, czym to się różni?
W dokumencie może być tylko jeden element ID z określoną nazwą (może być wiele ID, ale z różnymi nazwami), natomiast CLASS z tą samą nazwą może się pojawiać wielkokrotnie w dokumncie.

Dlaczego kolor niebieski występuje raz, choć został przypisany w stylach DIVom, a tych występuje kilka w przykladzie?
Dlatego że inne zostaly wyodrębnione poprzez nadanie im CLASS lub ID a nastepnie zostal przypisany inny kolor obrysu jak niebieski. Najlepiej sprawdzić to modyfikując te dokument HTML dodając jjeszcze jakiś DIV. Na 100% zrobi mu się niebieski obrys.