Man kan sätta CSS attribut på i stort sätt alla tags som finns i vanlig HTML.<p>
Två mycket användbara tags är
<ol>
<li>DIV</li>
<Li>SPAN</li>
</ol>
<p>
Dessa fungerar på följande sätt:
<p>
<div class=code>
Om jag sätter in en <DIV style="background-color: pink">DIV så händer detta</DIV> medan en <br><SPAN style="background-color: yellow">SPAN "flyter in</SPAN> bättre.<p>
</div>
<p>
<div class=res>
Om jag sätter in en <DIV style="background-color: pink">DIV så händer detta</DIV> medan en <SPAN style="background-color: yellow">SPAN "flyter in</SPAN> bättre.
</div>
<p>
Dessa två används när man inte har en "normal" tag att tillgå. T.ex när man inte har <B> eller <A> men ändå vill betona en dela av ett dokument.<p>
En DIV bildar altid ett block. medan SPAN fungerar inne i en text.<p>
Tags i HTML kan delas in i följande grupper:
<ol>
<li>Block tags</li>
<li>Inline tags</i>
</ol>
<p>
Skillnaden mellan dessa kommer klarast fram om man tänker på marginaler:
<ol>
<li>T.ex. <A> som kan komma var som helst i texten kanske det inte är relevant att
sätta marginaler på. Denna är en <b>Inline tag</b></li>
<li>Däremot kanske <P> kan ha marginaler. Denna är då en <b>Block tag</b>
</ol>
<p>
Oftast används <P> på följande sätt:
<div class=code>
En mening<p><br>
Och en ny mening<p>
</div>
<p>
Man bör dock helst använda följande konstruktion istället:
<div class=code>
<p>En mening</p><br>
<p>Och en ny mening</p><br>
</div>
<p>
För att betona att detta faktiskt är en blockmarkering.