CSS: Tyylien lisääminen XHTML-asiakirjaan 2008-01-01 02:34
| Kuvaus: | CSS-tyylejä voidaan liittää XHTML-asiakirjaan usealla tavalla. Tässä kolme niistä:
Ulkoinen tyylitiedostoUlkoinen tyylitiedosto on usein kätevin tapa liittää sivulle CSS-muotoiluja. Näin sama tyylitiedosto voidaan linkittää kaikille sivuston sivuille, jolloin kaikkia sivuja koskeva ulkoasumuutos voidaan tehdä yhdessä paikassa sen sijaan, että muutos tehtäisiin jokaisella sivulla erikseen. Tyylitiedosto myös tallentuu selaimen välimuistiin ja nopeuttaa siten sivujen latautumista. CSS-tyylitiedosto linkitetään XHTML-sivun head-elementtiin sijoitettavassa link-elementissä:
<link rel="stylesheet" type="text/css" media="screen" href="tyyli.css" />
<link rel="stylesheet" type="text/css" media="print" href="tyyli_printti.css" /> link-elementtin attribuutit:
Huom! Jos CSS-sijoitetaan ulkoiseen tyylitiedostoon, sen ympärille ei pidä laittaa <style>....</style> -merkintää kuten sivulle upotettuna (kohta 2), vaan tiedostoon tulee pelkkä CSS-koodi! MediatyypitTyylisivujen "kaskadisuus" tarkoittaa sitä että samalle elementille voidaan antaa useita määrityksiä. Näkyvin etu tästä on se, että samalle asiakirjalle voidaan antaa useampia ulkoasuja, oma tyyli eri lukijalaitteille. Edellisessä esimerkissä ensimmäinen rivi tarkoitettiin näytöllä näkyviä muotoiluja varten, jälkimmäinen tulostusta varten.
CSS-tyylien järjestysMikäli samaan elementtiin kohdistuu useampia tyylimuotoiluja, etusijajärjestys on seuraava.
!important-sääntöEdellemainitut voidaan vielä ohittaa !important-säännöllä. a.ulos {
color: #0f0 !important;
}
|
| Luokka: | web » css |
| Avainsanat: | css |