Tyylitiedostoihin

Tyylitiedostoihin viitataan yleisesti tiedostoihin, jotka määrittelevät esityksen tai muotoilun sisällölle. Ne ohjaavat asioita kuten värejä, fontteja, kokoja, tasauksia ja asettelua, jotta sama ulkoasu voidaan hallita keskitetysti monissa kohteissa. Tyylitiedostoja käytetään sekä verkkosivuilla että erilaisten sovellusten dokumenteissa.

Suurin osa web-tyylitiedostoista on Cascading Style Sheets, CSS. CSS-tiedostot ovat tavallisesti .css-päätteisiä ja ne voidaan ladata ulkoisena tiedostona, upottaa sivulla sisäiseksi tyylisivuksi tai sovelluksen sisäiseen muotoiluun. CSS-kielen perusrakenteeseen kuuluvat valitsimet, joilla kohdistetaan tyylit tiettyihin elementteihin, sekä ominaisuudet ja arvot, jotka määrittelevät esityksen. Esimerkiksi yleissuuntaus on p { color: red; font-size: 16px; }. Tyylit noudattavat kaskadisyvyyttä ja periytymistä, mikä tarkoittaa, että useammasta tasosta periytyvät säädöt voivat kumoutua tai voimistua tietyllä tarkkuudella.

Tyylitiedostojen tarkoituksena on eriyttää sisältö ja esitystapa, mikä helpottaa sivuston ylläpitoa, tehostaa muutoksia teemoihin ja mahdollistaa saman ulkoasun uudelleen käytön useissa sivuissa. Tyylit voidaan koostaa pienemmistä osista, minifioida ja optimoida suorituskyvyn parantamiseksi. Tämän lisäksi tyylejä voivat tuottaa esiprosessorit (kuten Sass, Less) jotka kääntyvät lopulliseksi CSS:iksi.

Muihin kuin verkkosovelluksiin liittyy myös tyylitiedostoja, joita käytetään dokumenttien, kuten verkkodokumenttien ja toimistosovellusten, muotoilun hallinnassa. Tyylitiedostot voivat olla myös osana laajempaa teemointia ja saavutettavuutta tukevia käytäntöjä.