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

Ulkoinen tyylimäärittely

Ulkoinen CSS-tyylitiedosto linkitetään HTML / XHTML-dokumenttiin link-elementin avulla. Elementille suositellaan määritettävän seuraavat attribuutit:

href: Määrittää URI- tai URL-arvon CSS-tiedostoon. CSS-tiedoston tiedostopäätteen täytyy olla .css
rel: Määrittää HTML / XHTML-dokumentin ja href-attribuutissa määritellyn välisen tiedoston suhteen. CSS-tyylitiedostojen tapauksessa arvon tulee olla ulkoinen tyylitiedosto eli "stylesheet"
media: Määrittää esitysmedian, johon tyylitiedosto kohdistuu. Oletusarvona on "all" eli tyylitiedosto kohdistuu kaikkiin medioihin. Tutustu: CSS:n mediatyypit.
type: Määrittää sisältötyypin (nk. MIME-tyypin). Ulkoisten CSS-tiedostojen tapauksessa arvon tulee olla "text/css".

Esimerkki. Ulkoisen tyylimäärittelyn liittäminen asiakirjaan:

...
<head>
<link href="/tyylit/artikkelit.css" rel="stylesheet" media="screen" type="text/css"/>
<link href="/tyylit/artikkelit-print.css" rel="stylesheet" media="print" type="text/css"/>
<title>CSS opas</title>
...

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 kommenti

CSS-opas

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

Ulkoinen tyylimäärittely

Tallenna tämä sivu kirjanmerkkeihin!