Accueil - HTML - CSS - Propriétés CSS - Création de page web - Exercices des élèves - Retour

Le CSS

Le CSS est le langage qui permet de mettre en forme le site. On définit grâce à lui différents styles que l'on appliquera par la suite aux éléments désirés.

Chaque style possède son nom et ses attributs propres. Pour faire appel à un style, on utilisera les syntaxes class="nom du style" ou id="nom du style", sachant que class peut s'attribuer à plusieurs éléments sur la page, alors que l'id s'attribuera à un unique élement.

1.Voici la syntaxe à respecter pour la création d'un style que l'on nommera texte1 :

.texte1 {
font-size:14px;
color:#00ff00;
text-decoration:underline;
text-align:left;
}

le . devant le nom définit le choix de class (si c'est un id, on utlisera #). Les attributs sont séparés entre eux par des ; et sont à placer entre des { }.

2.Et la syntaxe pour appliquer le style :

<p class="texte1">Salut à vous les élèves !</p> donnera :

Salut à vous les élèves !


Pour modifier le style texte1, on changera les valeurs de la class dans le code source (à l'intérieur de la balise head).