Installer CSS3 dans une page HTML5

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 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 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 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

Nos autres cours