HTML en ligne consiste à utiliser l'attribut de style dans une balise HTML spécifique pour définir le style CSS et à écrire le code de style CSS dans un élément de balise HTML dans la page Web spécifique ; code"> ;".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
HTML en ligne consiste à utiliser l'attribut de style dans une balise HTML spécifique pour définir le style CSS et à écrire le code de style CSS dans un élément de balise HTML dans une page Web spécifique
Syntaxe :
<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>
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. Si vous utilisez uniquement 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 ressemble à ceci :
<!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 de l'inline :
1. Très 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 de l'inline :
Le CSS en ligne doit être appliqué à chaque élément.
Tutoriel recommandé : "Tutoriel vidéo HTML"
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!