Tyyliohjeen liittäminen HTML-sivuun (tapa 3)
Kuva 1 |
---|
Kolmas tapa lisätä CSS-tyyliohje on lisätä se suoraan asianomaisen elementin tagiin. Tätä kannattaa käyttää vain yksittäisissä tyylinmuutoksissa, koska muutokset täytyy tehdä kaikkiin kohtiin erikseen.
Kuvan 1 tulos saadaan tällöin seuraavalla merkkauksella (punainen väri ei vaikuta koodiin, vaan on vain selventämässä):
<html>
<head>
<title>CSS-esimerkki 1b</title>
</head>
<body>
<h1 style="color: green">Vihreä otsikko</h1>
<p>Tässä kappaleessa sana
<span style="color: red; font-weight: bold">pölvästi</span>
on korostettu!</p>
</body>
</html>
Lisää esimerkkejä CSS-tyyleistä on täällä. Eipä vielä olekaan, sori!
Vielä enemmän esimerkkejä CSS-tyyleistä (englanniksi) löytyy täältä.