Sciences Numériques et Informatiques
Lycée Edmé Bouchardon
Stéphane Jouaire
Stéphane Jouaire
Commencer par créer le fichier css et l'appeler par exemple de manière très originale "style.css". Pour cela dans notepad++ Faire fichier → Nouveau et l'enregistrer tout de suite en faisant Fichier → Enregistrer sous, saisir style comme non de fichier et chercher dans la liste l'extension Cascade Style Sheets file.
Il faut ensuite indiquer à notre page web qu'elle va utiliser une feuille de style pour la mise en forme. Pour cela rajouter la ligne suivante commençant par link dans la partie <head> (faire un copier coller):
Par exemple pour ajouter une couleur de fond à la page (body), il suffit de saisir dans le fichier style.css (sans oublier d'enregistrer les modifications avec ctrl + S ou enregistrer):
body {
background-color : antiquewhite ;
}
Remarques :
Mettre en forme tous les sous-titres repérés par la balise <h2> couleur rouge, en gras et plus grand que le reste du texte :
h2 {
font-weight : bold;
font-size : 20px;
color : red ;
}
Toutes les balises <h2> sont mises en forme d'un seul coup.
Mettre les liens en rouge et les faire devenir bleus quand on passe la souris dessus :
a {
color : red;
}
a.hover {
color : blue;
}
Toutes les balises <a> sont mises en forme d'un seul coup.
Pour plus de détails sur le css voir ce document au format pdf ou au format docx.. Vous aurez besoin du logo du lycée.
