Erinevus lehekülje "CSS" redaktsioonide vahel
Allikas: Kuutõrvaja
(Uus lehekülg: 'CSS e. '''C'''ascading '''S'''tyle '''S'''heet on viis, kuidas kiirelt, efektiivselt ja minimaalse vaevaga kujundada HTML veebileht. = Eeldused = Enne selle teema lugemist tuleks ...') |
(→Süntaks) |
||
| 7. rida: | 7. rida: | ||
= Süntaks = | = Süntaks = | ||
| − | selector [, selector2, ...][:pseudo-class] { | + | selector [, selector2, ...][:pseudo-class] { |
| − | + | property: value; | |
| − | + | [property2: value2; | |
| − | + | ...] | |
| − | } | + | } |
| − | /* kommentaar */ | + | /* kommentaar */ |
| − | + | Kõiki ekraanil kuvatavaid HTML elemente saab CSS'iga kujundada, kagu ka omistada neile ID atribuudi, mistõttu on nende poole kergem pöörduda. | |
= Rakendamine = | = Rakendamine = | ||
Redaktsioon: 25. jaanuar 2011, kell 09:06
CSS e. Cascading Style Sheet on viis, kuidas kiirelt, efektiivselt ja minimaalse vaevaga kujundada HTML veebileht.
Sisukord
Eeldused
Enne selle teema lugemist tuleks HTML põhitõed endale selgeks teha.
Süntaks
selector [, selector2, ...][:pseudo-class] {
property: value;
[property2: value2;
...]
}
/* kommentaar */
Kõiki ekraanil kuvatavaid HTML elemente saab CSS'iga kujundada, kagu ka omistada neile ID atribuudi, mistõttu on nende poole kergem pöörduda.
Rakendamine
Rakendamiseks on 2 võimalust:
- Defineerida CSS stiilid veebilehe sees
<style>
/* stiilide defineerimine */
</style>
- Luua eraldi fail CSS stiilide kirjeldusega ja viidata sellele veebilehe päises
<link rel="stylesheet" href="css/minucss.css" type="text/css" media="screen" />
Näited =
TODO
Veebilehe body elemendi taustavärvi muutmiseks.
body {
background-color: #d0e4fe;
}
asd
