Nézzünk egy példát. Ha a kódban ez szerepel...
Code:
<div style="border: 1px; padding: 10px 5px 10px 5px">
tartalom bla bla bla
</div>
... akkor itt a stílus statikusan be van ágyazva a html kódba. Ezt így kell átalakítani a css-re való hivatkozássá:
1.) a kódba ehelyett ezt írod:
Code:
<div class="stilusosztalyneve">
tartalom bla bla bla
</div>
2.) a stíluslap (css) fájlba pedig beszúrod a definíciót egy új osztályként, s ebbe teszed bele a definíciókat:
Code:
.stilusosztalyneve {
border: 1px;
padding: 10px 5px 10px 5px;
}
Így a class="stilusosztalyneve" utasítás megkeresi a css fájlban ezt a megnevezést és a benne lévőket alkalmazza.