Ero sivun ”CSS” versioiden välillä
Poistettu sisältö Lisätty sisältö
Usp (keskustelu | muokkaukset) Ak: Uusi sivu: :Tässä kirjassa käytettävä standardi on {{w|W3C}}n nykyinen suositus [http://www.w3.org/TR/CSS21/ CSS 2.1] (2007-07-19) ---- {{Wikipedia|CSS}} '''CSS''' (Cascading Style Sheets) ... |
Usp (keskustelu | muokkaukset) →CSS:ään viittaaminen XHTML-tiedostossa: muita lisäystapoja |
||
Rivi 64:
== CSS:ään viittaaminen XHTML-tiedostossa ==
CSS-tyylitieto voidaan ilmoittaa ja hakea XHTML-tiedostoon kolmella tavalla. Ne ovat suositeltavuusjärjestyksessä:
Ulokoiseen tyylitiedostoon viitataan XHTM-tiedoston head-elementin link-elementillä muodossa:▼
#ulkoinen tyylitiedosto
#sisäinen style-elementillä yksittäiseen XHTML-tiedostoon upotettu tyylitieto
#sisäinen yksittäiseen elementtiin style-attribuutilla upotettu tyylitieto
=== XHTML-tiedoston ulkopuolinen CSS-tiedosto ===
▲
<pre>
<link
Rivi 77 ⟶ 84:
;charset : kertoo tyyliohjeessa käytettävän koodiston
;href : kertoo tyyliohjeen sijainnin
=== XHTML-tiedoston sisäinen tyylitieto ===
XHTML-tiedoston sisäinen tyylitietoa käytetään vain korkeintaan, kun yhdellä XHTML-tiedostolla on uniikki muotoilu. Se lisätään head-elementin sisään style-elementillä.
<pre>
<style type="text/css">
p {margin-left: 20px}
</style>
</pre>
===XHTML-elementin sisäinen tyylitieto===
XHTML-elementin sisäinen tyylitietoa käytetään vain korkeintaan, kun yhdellä XHTML-elementillä on uniikki muotoilu.
<pre>
<p style="margin-left: 20px;margin-right: 20px">
Reunoilta marginalisoitu kappale.</h1>
</pre>
|