Le style en ligne consiste à écrire du code de style CSS dans un élément de balise HTML dans une page Web spécifique ; le style en ligne doit être utilisé dans une balise HTML spécifique et utiliser l'attribut de style pour définir des HTML Le style du balisage. Par exemple : <div style="color:#f00"></div>
Fonctionnalités :
1), les styles en ligne sont placés dans les éléments HTML du code.
2) Lorsque vous utilisez des styles en ligne, les styles n'affecteront que les éléments que vous sélectionnez.
3), les styles en ligne n'ont pas de sélecteurs
Remarque : Les styles en ligne définis en HTML ne s'appliquent qu'aux balises auxquelles ils sont ajoutés.
Il est recommandé de ne pas utiliser de styles en ligne car chaque balise HTML doit être stylisée séparément, et si vous n'utilisez que des styles en ligne, il peut devenir très difficile de gérer le site Web. Toutefois, cela peut être utile dans certaines situations. Par exemple, dans les situations où vous n'avez pas accès aux fichiers CSS ou où vous devez uniquement appliquer des styles à un seul élément.
Un exemple de page HTML avec CSS en ligne est le suivant :
<!DOCTYPE html>
<html>
<body style="background-color:black;">
<h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
<p style="color:white;">Something usefull here.</p>
</body>
</html> Avantages des styles en ligne :
1. Utile si vous souhaitez tester et prévisualiser les modifications.
2. Très utile pour une réparation rapide.
3. Réduisez les requêtes HTTP.
Inconvénients des styles en ligne :
Le CSS en ligne doit être appliqué à chaque élément.
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
