Dans la conception Web, les feuilles de style sont un élément très important, qui peuvent rendre nos pages Web plus belles et plus faciles à lire. HTML peut créer des liens vers des feuilles de style externes, et la feuille de style la plus couramment utilisée est CSS. Dans cet article, nous présenterons comment le HTML est lié au CSS.
1. Qu'est-ce que CSS ?
CSS (Cascading Style Sheets) est un langage de balisage utilisé pour décrire le style d'apparence des documents tels que HTML ou XML. CSS peut séparer l'apparence et le format d'une page Web de son contenu en contrôlant les polices, les couleurs, les arrière-plans, la mise en page, etc.
2. Lien CSS en HTML
Pour utiliser CSS en HTML, nous devons ajouter l'élément Cet élément est utilisé pour créer un lien vers des fichiers CSS externes. Dans l'élément , nous pouvons spécifier l'emplacement, le nom du fichier et le type de média du fichier CSS. Voici un exemple :
<head> <link rel="stylesheet" type="text/css" href="styles.css"> </head>
Dans cet exemple, nous nommons le fichier CSS "styles.css" via l'élément , qui se trouve dans le répertoire de notre page Web actuelle. Ce fichier CSS contient les styles que nous souhaitons appliquer à la page.
Lorsque le navigateur analyse le HTML, il télécharge automatiquement le fichier CSS et applique les styles qu'il contient au HTML.
3. Feuille de style CSS interne
En plus de lier des fichiers CSS externes, nous pouvons également ajouter l'élément
