L’utilisation de CSS (Cascading Style Sheets) avec HTML (Hyper Text Markup Language) vous permet de styliser et concevoir l’apparence de vos pages web. Il existe trois façons d’intégrer CSS avec HTML : Inline, Interne et Externe.
1. Mode Inline :
Ici, vous ajoutez du style CSS directement à vos éléments HTML en utilisant l’attribut style. Il est généralement recommandé d’éviter cette méthode car elle peut devenir désordonnée et difficile à gérer sur de grandes pages web.
```
Ce texte est en bleu.
```
1. Mode Interne :
On utilise des balises de style dans l’en-tête de la page web (dans la balise ). Cette méthode est également mieux adaptée aux petites pages web.
```
Ce texte est en bleu.
```
1. Mode Externe :
C’est la méthode la plus propre et la plus organisée pour utiliser CSS avec HTML. Vous créez un fichier .css séparé (par exemple, styles.css) où vous écrivez tous vos styles CSS, puis vous le liez à votre fichier HTML en utilisant l’élément de lien dans l’en-tête de votre document HTML.
```
Ce texte aura le style défini dans le fichier styles.css.
```
Dans votre fichier CSS (styles.css) :
```
p {
color: blue;
}
```
Il est recommandé d’utiliser le CSS dans un fichier externe car il permet une meilleure organisation et une maintenance plus facile. De plus, le même fichier CSS peut être réutilisé pour styliser plusieurs pages HTML, assurant ainsi une cohérence dans l’ensemble du site web.
