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

Upotettu tyylimäärittely

Upotetussa tyylimäärittelyssä CSS-tyylimäärittelyt upotetaan osaksi HTML / XHTML-dokumenttia style-elementin avulla. Style-elementti sijoitetaan dokumentin ylätunnisteeseen head-elementin sisään.

Style-elementin attritibuutti type määrittelee mikä tyylikieli on käytössä. Mahdolliset type-attribuutin arvot ovat:

text/css: Kyseessä on CSS-kieleen perustuva tyylimäärittley
text/xsl: Kyseessä on XSL-kieleen perustuva tyylimäärittely

Kuten link-elementtiä käytettäessä, lisäksi voidaan määritellä mihin esitysmediaan CSS-tyyli kohdistuu. Tämä ilmoitetaan ominaisuudella media, jolle voidaan antaa arvoksi jokin CSS:n tukema mediatyyppi.

Jotta vanhat /rajoittuneet päätelaitteet (esim. Netscape Navigator 1.x tai Microsoft Internet Explorer 2) eivät esittäisi style-elementin sisältöä, tulisi style-elementin avulla esiteltävät tyylimäärittelyt kääriä HTML/XHTML-kielen kommentteihin.

Esimerkki. Yksinkertainen, HTML / XHTML-dokumenttiin upotettu tyylimäärittely. Huomaa kommenttimerkkien () käyttö.


...
<head>
 <style type="text/css"  media="screen">
   <!--
   h1 {color:black;text-align:justify;}
   h2 {color:#BB00EE;}
   -->
  </style>
  <title>CSS esimerkki</title>
</head>
...

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

Upotettu tyylimäärittely

Tallenna tämä sivu kirjanmerkkeihin!