CSS Externe

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