Externaltyylit

Externaltyylit (suomeksi ulkoiset tyylit) ovat CSS-sääntöjä, jotka määritellään erillisessä tyylitiedostossa ja liitetään HTML-dokumentteihin. Tämä lähestymistapa erottaa sisällön esityksestä ja mahdollistaa saman tyylin käytön useilla sivuilla.

Toteutus: Luodaan tyylitiedosto, esimerkiksi tyylit.css, ja lisätään HTML-dokumentin head-osioon link-elementti: <link rel="stylesheet" href="tyylit.css">. Mahdollisia lisäattribuutteja ovat esimerkiksi media (esim. media="screen") ja type="text/css". Tiedostojen järjestys vaikuttaa siihen, mitkä tyylisäännöt voimistuvat konfliktitilanteissa.

Edut: Yhteinen tyylikokonaisuus parantaa johdonmukaisuutta ja helpottaa ylläpitoa. Yhteiset tyylit voidaan jakaa monille sivuille, ja selaimen välimuisti voi tallentaa tiedoston, mikä nopeuttaa latauksia.

Haasteet: Vaatii ylimääräisen pyynnön, joka voi hidastaa ensilatausta, vaikka välimuisti korvaa tämän. Jos tyylitiedosto epäonnistuu latautumaan, sivu renderöidään ilman toivottuja tyylejä. Cascading-säännöt ja spesifisyys vaativat huolellista hallintaa; liian monien tiedostojen ajoitus voi aiheuttaa yllätyksiä. Suuret sivustot voivat hyödyntää yhdistämistä ja minifieröintiä suorituskyvyn parantamiseksi.

Esimerkki: CSS: body { font-family: Arial, sans-serif; } HTML: <link rel="stylesheet" href="tyylit.css">.

Yhteenveto: Externaltyylit ovat vakiintunut tapa hallita sivuston ulkoasua keskitetysti ja helpottaa sekä kehitystä että ylläpitoa.