Ajouter des CSS sur une page web
Les CSS vont permettre d’ajouter du style à vos balises.
La question est : comment faire fonctionner deux langages différents ensemble ?
Si vous n’avez pas encore saisi suffisamment de balise et de contenu texte, faites le.
Ajoutez des balises <p>, <h1>, <h2>, et <ul><li>
On ajoute les CSS
Première étape, il va falloir créer un fichier spécifique pour les CSS, on ne mélange pas le HTML et le CSS !
Créez un fichier style.css à la racine de votre projet. On nomme ce type de fichier « feuille de style ».
Saisissez-y le code suivant :
body {
background-color: lightgreen;
}
- Sauvegarder le fichier
- Indentez correctement vos CSS et entraînez vous à taper des accolades { }
- N’oubliez jamais le point virgule à la fin de chaque ligne
- Constatez le résultat dans le navigateur
Lier la feuille de style à la page web
Actuellement, les deux fichiers « ne se voient pas », il va falloir les lier.
On utilise pour ça la balise link
<link rel="stylesheet" href="style.css">
Vous devez placer cette balise dans la balise <head> du document HTML
- Sauvegarder les deux fichiers, HTML et CSS
- Constatez le résultat dans le navigateur