Sivun näyttöjä yhteensä

torstai 11. syyskuuta 2014

CSS parametrit

 
Background:

 määrittää taustakuvan koon, paikan, toiston, värin ja yms.
 esim. body {
  background-image: url(nimi.jpg / www.kuva.fi);  (Kuva)
  background_color: black;             (Väri)
  background-repeat: no-repeat;        (Toisto)
  background-position: right top;      (Sijainti)
  }

Font:

 määrittää tekstin "perheen", koon, paksuuden, tyylin.
 esim. p {
  font-family: fantasy, cursive, Serif;("Perhe")
  font-style: italic       (Tyyli)
  font-size: 10px;       (Koko)
  font-weight: 900       (Pasksuus)
  }

Volume:

 määrittää äänen kovuuden.
 esim. h1{
  volume: 50;        (Voimakkuus)
  tai
  volume: silent, x-soft, soft, medium, loud, x-loud, inherit
  }

Text-shadow:

 määritetään tekstille varjo.
 esim. h1{
  text-shadow: 4px 4px 6px blue      (varjo)
  }

Outline:

 märittää reunukset
 esim. p {
  outline: thick solid red      (Punaiset reunat)
  }

Float:

 määrittää tekstin paikan (vasen / oikea)
 esim. h1{
  float: left        (h1 teksti vasemmalle puolelle...)
  }

Margin:

 siirtää koko "tekstilaatikkoa"
 esim. p {
      margin-top: 50px;       (ylä 50px)
       margin-bottom: 50px;       (ala 50px)
       margin-right: 50px;       (oikea 50px)
  margin-left: 50px;       (vasen 50px)
  }

Padding:

 siirtää tekstiä "laatikon sisällä"
 esim. p {
      padding-top: 50px;       (ylä 50px)
       padding-bottom: 50px;       (ala 50px)
       padding-right: 50px;       (oikea 50px)
  padding-left: 50px;       (vasen 50px)
  }

Div top, bottom, right, left:

 voi määrittää missä jokin asia sijaitsee netti sivulla
 esim. div{
   position: relative;
   top: 20px;
   }

Text-align:

 määritetään onko teksti tasoitettu oikealle, vasemmalle vai keskelle
 esim. div{
  text-align: left, right, center;
  }

Border:

 voidaan tehdä laatikko teksti laatikon ympärille
 esim. div.styled {
     border:2px dotted #ff9900;
     }
   <div class="styled"> (tarvitsee tämän)

Color:

 määritetään taustan tai fontin väri
 esim. h1{
  color: red;
  color: #ff0000;
  color: rgb(255,0,0);
  color: rgb(100%,0%,0%);
  }

White-space:

 Määritetään rivinvaihto
 esim. p {
      white-space: nowrap, normal, pre, inherit;
  }

Empty-cells:

 Määrittää, että näytetäänkö tyhjät lokerot
 esim. table {
   empty-cells: hide, show, inherit;
   }




Ei kommentteja:

Lähetä kommentti