7. CSS
CSS : Cascading Style Sheets
- Gérer l'affichage d'un site
- Séparer la structure de l'affichage
8. Lier le css avec sa page
- Créer un fichier avec l'extension .css
- Ajouter la ligne suivante dans un fichier html
au niveau de la balise <head>
<html>
<head>
<link rel='stylesheet' href='style.css'>
</head>
</html>
10. Propriéte CSS
- Changer la couleur du texte :
color : red ;
- Changer la couleur de fond :
background-color : orange ;
p
{
color: red;
}
body
{
background-color: orange;
}
11. Jouons avec les couleurs !
- Créer un fichier html nommé page.html
- Créer un fichier style.css
- Lier les deux fichiers
- Changer la couleur de fond du site en 'darkgreen'
- Mettre tout le texte en blanc
- Mettre les liens en orange
- Mettre le titre en rouge
12. Aller plus loin !
- En partant du fichier précédent, centré le titre
- Grossir le titre à 60px
- Réduire la taille du site à 600px en largeur
- Justifié les paragraphes