CSS: erinevus redaktsioonide vahel

Allikas: Kuutõrvaja
Mine navigeerimisribaleMine otsikasti
Drakan (arutelu | kaastöö)
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 ...'
 
Drakan (arutelu | kaastöö)
7. rida: 7. rida:
= Süntaks =
= Süntaks =


selector [, selector2, ...][:pseudo-class] {
  selector [, selector2, ...][:pseudo-class] {
  property: value;
    property: value;
[property2: value2;
    [property2: value2;
  ...]
    ...]
}
  }
/* kommentaar */
  /* kommentaar */


Igat HTML elementi saab CSS'iga kujundada. Praktiliselt igale HTML elemendile saab omistada ID atribuudi, misläbi on see kergesti kättesaadav.
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 06:06

CSS e. Cascading Style Sheet on viis, kuidas kiirelt, efektiivselt ja minimaalse vaevaga kujundada HTML veebileht.

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