Tuesday, November 10, 2015

Grunnleggende css

En kort oversikt over egenskaper som du bør kjenne til i css


  #myid {  /* et element med id="myid" */
    position:absolute;
    width:200px;
    height:200px;
    background: red;
    border: solid green 1px;
  }

  .myclass {  /*  flere elementer med class="myclass" */
    position:relative;
    color:red;
    left: 0px;
    top: 30px;
   }

   span {   /* alle span for 20% større skrift */
     font-size:1.2em;
   }
   
   #knapp {
     background:blue;
   }

   #knapp:hover {
     background:green;
   }

Merk at vi her bruker tre forskjellige regler, en for et element med id, en for mange elementer med class og en for elementer av en gitt type (span).

Legg merke til at elementet knapp vil skifte farge til grønn når bruker plasserer peker over den.

Du bør også kjenne til funksjonene

  • rgb( rød,grønn,blå)
  • rgba( rød, grønn, blå, alpha)

1 comment: