Chapitre suivant où mettre le CSS
Quand un navigateur lit une page de style il formatera la page HTML selon les informationscontenues dans la page de style.
Trois façons d'insérer du CSS
Il existe 3 façon d'insérer du CSS-Une feuille de style externe
-Une feuille de style interne
-Directement dans les balises (peu recommandée)
Feuille de style externe
Avec une feuille de style externe, on peut changer l'allure de tout un site en changeant juste un fichier!Chaque page doit inclure la référence à la feuille de style externe dans la balise <link>
La balise link doit se trouver dans la section d'en-tête <head>:
Exemple
< head >
< link rel= "stylesheet" type = "text/css" href= "monstyle.css">
< /head >
Une feuille de style externe peut s'écrire avec n'importe quel éditeur de texte y compris notepad.
La feuille de style externe ne doit pas contenir de balises HTML.
feuille de style externe doit posséder l'extension .css
Voici à quoi pourrait ressemble la feuille de style externe "monstyle.css":
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
Feuille de style interne
Une feuille de style interne peut être utilisée si l'on une seule possède un style unique.Les feuilles de styles internes sont définies entre les balise <style> et </style>
qui doivent se mettre dans l'en-tête de la page web entre <head et </head>:
Exemple
< head >
< style >
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
< / style >
< / head >
< style >
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
< / style >
< / head >
Un peu plus sur le CSS
Retour