Les feuilles de styles externes sont idéales lorsque le style est appliqué à de nombreuses pages.
Avec des feuilles de style externes, vous pouvez changer l'apparence d'un site Web entier en changeant un seul fichier !
Les styles externes sont définis dans un fichier CSS externe, puis liés à la section <head> d'une page HTML:
Fichier HTML (qui fait référence au fichier messtyles.css) :
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="messtyles.css" /> </head> <body> <h1>Je suis un titre de niveau 1</h1> <p>Je suis un paragraphe</p> </body> </html>Voir
Fichier "messtyles.css" contenant la déclaration des styles
body {
background-color:lightyellow;
}
h1 {
color:red;
text-align:center;
}
p {
color:blue;
}
Voir