Le-Web

- WEB séance 2 - Introduction au CSS

But de la séance

  • Comprendre le principe de la décoration à l’aide d’une feuille de style css.
  • Apprendre à lier une décoration css à une page html.
  • S’approprier les principales propriétés css.

télécharger la fiche HTML/CSS 2

Aide mémoire :

Structure d’une page html avec lien vers le fichier css
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title> montitre </title>
        <link href="madecoration.css" rel="stylesheet" />
    </head>
    <body>
        ... tout le corps de la page ...
    </body>
</html>
Principales propriétés css
.mabalise {
    text-align : center ;           /* alignement du texte : left ou center ou right */
    font-size : 20px ;              /* taille en pixels de la police de caractères  */
    font-weight : 700 ;             /* graisse de la police de caractères (100=léger ←→ 900=gras) */
    font-style : italic ;           /* style de la police : italic ou normal ou oblique  */
    background : #FF0000 ;          /* couleur d’arrière plan (ici rouge) */
    color : #0000FF ;               /* couleur de la police de caractère (ici bleue) */
    border : solid 3px #0000FF ;    /* bordure solide, bleue de 3px : solid ou dotted ou dashed */
}

Faire une fiche cours afin de mémoriser ces balises.