Compte rendu css
I) Introduction :
Ce compte rendu contient une feuille de style et une page html qui exploite les propriétés de la feuille CSS tout en les présentant.
II) Code et commentaires :
La feuille de style « design.css »
/*insertion d’une image de fond dans le body*/ body { background-image : url("im1.jpg");
}
/*Création de la classe “titreNum” qui met en forme un titre*/
.titreNum
{
/* ”color” permet de définir la couleur du texte*/ color : #20B2AA;
/* “font-size” permet de définir la taille de la police, la méthode « x.x em » permet de définir la taille de la police en proportion par rapport à la taille normale (qui est de 1.0em) */ font-size : 1.5em;
/* “text-decoration” permet de personnaliser le texte, dans ce cas il est souligné */ text-decoration : underline;
/* “text-weight” permet de définir l’épaisseur du texte, qui est dans ce cas gras */ text-weight : bold;
}
/* Définition des attributs de la balise <h1> */ h1 { font-size : 3.2em;
/* “text-align” permet de définir l’alignement du texte */ text-align : center; color : #FF1493;
/* “font-family” permet de définir les polices à appliquer au texte, “serif” désigne la police par défaut du navigateur qui sera appliqué si toutes les polices qui précédent ne sont pas définies */ font-family : "Curlz MT","comic sans ms",serif; text-decoration : underline;
}
/* Création d’une classe qui permet de faire clignoter le texte (ne marche qu’avec FireFox) */
.texteClignotant
{ color : red;
/* “text-decoration” prend cette fois la valeur “blink” pour indiquer le clignotement du texte*/ text-decoration : blink;
}
/* Définition des attributs pour les paragraphes */ p {
/* “word-spacing” permet de déterminer l’espacement entre deux mots, la référence est faite en pixel */ word-spacing : 5px;
/* “text-indent” permet de définir le décalage en début de paragraphe pour une meilleure lisibilité, la refrence s’effectue en pixel */ text-indent :