Keskustelu: Nettisivujen teko: Tekstin muotoilu CSS:llä

Miten voi muotoilla monta eri tekstiä?

"Tässä esimerkki HTML koodilla"

<font face="Arial" size="10" color="red">punainen teksti</font>
<p align=center><font face="Arial" size="10" color="green">vihreä teksti keskellä</font></p>

Miten CSS:ssä määritellään tietyntekstin omat ominaisuuset.

Ja milloin tyylimäärittelyt tehdään erilliseen .css tiedostoon.

Tyylimäärittelyt kannattaa aina tehdä erilliseen tiedostoon, jolloin ylläpito on helpompaa.

<p>tekstiä</p>
<p class='jea'>lisää tekstiä</p>
<p id='lerssi'>jottain muuta tekstiä</p>
<p class='jea'>tässäki vähäse</p>

Ja tyylit:

p {
    color: #f60;
}

p.jea,
div.mahdollisestijokutoinenluokka {
    color: #ccc;
}

p#lerssi {
    color: #9c9;
}

Eli jos haluat useammalle elementille samanlaisen tyylin, käytä luokkia (class) ja id:t ovat sitten uniikkeja.

Googlettamalla löytyy varmasti hyviä oppaita.