Ero sivun ”CSS” versioiden välillä

=== Esimerkit ===

 

* {

text-align:right;

}

:tasaa kaikkien elementien tekstin oikeaan laitaan

 

p {

text-align:right;

}

:tasaa kaikkien p-elementien tekstin oikeaan laitaan

 

#huuto{

text-transform:uppercase;

}

:muuntaa elemettien, joiden id-attribuutin huuto, tekstin versaaliksi

.otsikko, .otsake{

text-align:center;

}

:keskittää elementtien, joiden class-attribuutin arvo on otsikko tai otsake, tekstin

 

p.luokka{

text-decoration:underline;

}

:alleviivaa p-elementtien, joiden class-attribuutti on alleviivattu, tekstin

 

a:visited {

color:green;

}

:määrittää kaikki klikatuiksi määritellyt linkit vihreiksi

 

 

Ulkoiseen tyylitiedostoon viitataan XHTMl-tiedoston head-elementin sisältämällä link-elementillä muodossa:

<link

type="text/css"

href="tyylit.css"

/>

missä attribuuttien merkitykset ovat seuraavanlaiset:

;type :kertoo kyseessä olevan css-tiedosto

XHTML-tiedoston sisäistä tyylitietoa käytetään, kun yhdellä XHTML-tiedostolla on uniikkia muotoilua, jota ei geneerisimmillä muotoiluilla enää voida muuttaa. Se lisätään head-elementin sisään style-elementillä.

 

<style type="text/css">

p {margin-left: 20px}

</style>

 

===XHTML-elementin sisäinen tyylitieto===

 

XHTML-elementin sisäistä tyylitietoa saatetaan käyttää, kun yhdelle XHTML-elementillä on halutaan antaa uniikkia muotoilua, jota ei geneerisimmillä muotoiluilla enää voida muuttaa.

<p style="margin-left: 20px;margin-right: 20px">

Reunoilta marginalisoitu kappale.</h1>

 

==Katso myös==