Ulkoinen tyylittely (Ulkoinen CSS)

Ulkoinen css tyyli käytetään muotoilemaan monia sivuja kerralla.

Ulkoisella tyyli pohjalla, voit vaihtaa ulkoasun koko sivullesi kerralla.

Jos tahdot käyttää ulkoista css pohjaa, laita siitä linkki <head> osioon HTML sivulle:

Esimerkki

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<h1>Otsikko</h1>
<p>Väliotsikko.</p>

</body>
</html>

Ulkoinen tyylitiedosto voidaan kirjoittaa millä tahansa tekstieditorilla. Tiedosto ei saa sisältää mitään html tageja. Tyyli tiedosto tallennetaan .css päätteellä.

Tältä näyttää "styles.css" tiedosto:

body {
background-color: lightgrey;
}

h1 {
color: blue;
}

p {
color:green;
}