1. Optimaliseren CSS code

    2. Je kunt elementen verschillende waardes toekennen. Zo kun je een div bijvoorbeeld boven, rechts, onder en links een aparte padding geven. Dit zal er zo uitzien:

    #naam_div {
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 4px;
    padding-left: 5px;
    }

    Je bereikt hetzelfde effect met de volgende code:

    #naam_div { padding: 2px 3px 4px 5px }

    De volgorde is boven, rechts, onder, links.

    Wanneer je een hexadecimale kleurcode hebt waarbij drie paren twee dezelfde kleuren bevat zoals:

    background-color: #ee0022

    dan kun je dit korter noteren:

    background-color: #e02
  2. Commentaar plaatsen

    3. Het plaatsen van commentaar in je stylesheet kun je doen met de volgende tekens:

    /*Dit is een voorbeeld van commentaar*/

  3. Hele website centreren

    4. Een website centreren doe je als volgt. Je maakt eerst een nieuwe div aan, die noem ik zelf vaak “main_container”. Dit is een soort raam om je hele website heen. Binnen deze div staan alle andere elementen van je website. Deze div gaan we vervolgens centreren. Zo wordt alles in het midden van je beeldscherm geplaatst. De css code die we hiervoor gebruiken is:

    #main_container {margin: 0 auto}