Il existent » manières pour ajouter du CSS, la première directement dans notre page HTML et la deuxième créer une deuxième page.
Il est bien propre de séparer le HTML et le CSS, pourquoi ?
- Avoir un code propre et clair
- Respecter les normes
- Prendre les bonnes habitudes pour devenir un bon développeur
- Toujours hiérarchiser son code, pour une bonne reprise pour vous et pour un autre développeur/entreprise
La première méthode : est directement dans la code HTML
<style type="text/css">
p{
background-color: blue;
}
</style>
Exemple complet :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Mise en place CSS</title>
<style type="text/css">
p{
background-color: blue;
}
</style>
</head>
<body>
<h1>Mon premier titre</h1>
<p>Hello</p>
</body>
</html>
Comme vous pouvez le voir dans ma balise head, j’ai intégré une balise style et inséré du code css
La deuxième méthode : séparer en deux fichiers .html et .css
Il suffit d’ajouter la ligne suivante entre <head> et </head> :
<link rel="stylesheet" href="style.css" />
J’ai appelé mon fichier style.css . Comme vous pouvoir le voir, j’ai bien deux fichiers qui se trouvent au même endroit :
Voici un exemple de code complet
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Mise en place CSS</title>
</head>
<body>
<h1>Mon premier titre</h1>
<p>Hello</p>
</body>
</html>
La troisième méthode
