CSS-opas

CSS-TYYLEIHIN LIITTYVÄÄ KOULUTUSTA VUONNA 2008!

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi heti! IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

CSS-tyylimäärittelyn liittäminen HTML / XHTML-dokumenttiin

CSS-tyylimäärittely voidaan liittää osaksi HTML / XHTML- dokumenttia useilla eri tavoilla:

Rivinsisäinen tyylimäärittely: CSS-tyylisääntö liitetään yksittäiseen HTML / XHTML-elementtiin style-attribuutin avulla.
Tuotu tyylimäärittely: Ulkoinen tyylimäärittely tuodaan osaksi HTML / XHTML-dokumentin tyyliä @import-säännöllä.
Ulkoinen tyylimäärittely: Ulkoinen CSS-tyylitiedosto linkitetään HTML / XHTML-dokumenttiin link-elementin avulla.
Upotettu tyylimäärittely: Tyyli upotetaan osaksi HTML / XHTML-dokumenttia style-elementin avulla

Mikä menetelmä tulisi valita käyttöön? Vastaus kysymykseen liittyy hyvin pitkälti tavoitteista ja kuinka laajaa tyylimäärittelyä suoritetaan. Jos tavoitteena on tehdä CSS-määrittely, jota käytetään useilla eri sivuilla, on tällöin joko tuotu tyylimäärittely tai ulkoinen tyylimäärittely sopiva vaihtoehto. Jos tavoitteena on tehdä ainaostaan parilla sivulla käytettäviä "erikoistyylejä" ovat kaikki optiot mahdollisia. Työskentelyn ja muutostenhallinnan kannalta ulkoiset tyylitiedostot ovat suositeltavin optio.

Kaikki yo. menetelmät toimivat moderneissa web-selaimissa ilman virheitä

Voiko samalla sivulla käyttää useita eri tyylilähteitä? Kyllä. CSS:n cascade-prosessi huolehtii siitä, että useista eri lähteistä olevat tyylisäännöt toimivat oikein.

Seuraavilla sivuilla tutustumme kuhunkin menetelmään yksityiskohtaisesti. Lisäksi tarkastelemme nk. ehdollisia kommentteja ("conditional comments"), joiden avulla CSS-tyylimäärittelyjä voidaan kohdistaa selaimen ja selaimen versionumeron perusteella.

Tutustu artikkelin muihin osiin:
»»» CSS »»»CSS-tyylimäärittelyn liittäminen HTML / XHTML-dokumenttiin
»»» CSS »»»Ulkoinen tyylimäärittely
»»» CSS »»»Upotettu tyylimäärittely
»»» CSS »»»Tuotu tyylimäärittely
»»» CSS »»»Rivinsisäinen tyylimäärittely
»»» CSS »»»Ehdolliset kommentit

CSS-opas

CSS-tyylimäärittelyn liittäminen HTML / XHTML-dokumenttiin

Tallenna tämä sivu kirjanmerkkeihin!