Compte rendu css

Disponible uniquement sur Etudier
  • Pages : 4 (864 mots )
  • Téléchargement(s) : 0
  • Publié le : 20 mars 2011
Lire le document complet
Aperçu du document
Compte rendu N°3

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 etcommentaires :
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 untitre*/
.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 taillede 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ésignela 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 indiquerle 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érenceest 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 :...
tracking img