Comment inclure du CSS dans les pages HTML

Nous pouvons inclure du CSS dans les pages HTML de trois manières. Ils sont -

• Inline

  Ici, nous spécifions le style CSS dans l'attribut style de l'élément. Cependant, il est recommandé de modulariser les fichiers via des liens internes ou externes de CSS.

• À l'intérieur

  Nous pouvons inclure notre spécification CSS à l'intérieur de la balise

• Externe

  Nous pouvons utiliserdes liens vers des balises de fichiers .css qui peuvent être placées localement ou sur le serveur. En refactorisant le fichier à l'aide de ses liens externes, nous pouvons avoir un fichier CSS commun pouvant être utilisé sur plusieurs pages Web.

Syntaxe

La syntaxe pour inclure des fichiers CSS dans HTML est la suivante

/*inline*/  /*internal*/   
 /*external*/   

Exemple

L'exemple suivant montre comment inclure des fichiers CSS dans des pages HTML

Inline CSS

Live Demo

   
  
 
 Demo text here 
  

Sortie

Cela donne le résultat suivant -

Exemple

Liens internes

Démo en direct

Sortie

Cela donne le résultat suivant -

Exemple

Liens externes

Fichier HTML

Réel time Demo

Fichier CSS

div { margin: auto; padding: 15px; width: 33%; border: 2px solid; border-radius: 50%; } div > div { border-color: green; } div > div > div { border-color: red; }

Output

Cela donne la sortie suivante-

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!