Les feuilles de style en cascade alias CSS sont une langue qui est utilisée pour styliser les éléments d'une page Web HTML pour améliorer la beauté des pages Web. CSS est assez facile et peut vous faire gagner beaucoup de temps en gérant la formation de nombreuses pages Web simultanément et pour que CSS fonctionne, vous devez inclure votre feuille de style à votre document HTML.

Il existe trois façons possibles d'ajouter votre feuille de style à votre document HTML qui est;

1. CSS externe
   CSS externe est une feuille de style qui est définie dans un fichier séparé et est incluse dans un document HTML en tant que lien avec .Extension CSS.
2. CSS interne
   Le CSS interne est défini dans le même document HTML en utilisant l'élément dans la section.
3. CSS en ligne
   CSS en ligne est également défini dans le même document HTML en utilisant l'attribut de style d'un élément. Dans ce tutoriel, cependant, nous discuterons en profondeur de CSS en ligne…

CSS en ligne

Afin de styliser un élément HTML individuel, l'approche CSS en ligne est utilisée. Cette technique utilise l'attribut de style d'une balise HTML pour inclure CSS. La définition de style spécifiée dans l'attribut de style n'effacera que cet élément particulier.

Syntaxe

Explorons et comprenons la technique CSS en ligne à l'aide de quelques exemples.

Exemple 1

Supposons que tu veux style

élément utilisant en ligne CSS.

CSS en ligne.

Dans l'exemple ci-dessus, nous avons utilisé l'attribut de style du

Tag pour styliser l'en-tête, en utilisant le morceau de code suivant.

CSS en ligne.

Sortir

Nous définissons la couleur de la tête vers Purple, Font-Family sur «Times New Roman» et Text Alignement to Center.

Exemple 2

Dans l'exemple ci-dessus, nous avons stylé un simple texte en utilisant CSS en ligne. Dans l'exemple suivant, nous allons styliser une utilisation en ligne CSS.

Cet exemple montre l'utilisation de CSS en ligne.

Dans l'exemple ci-dessus, nous définissons le rembourrage, la bordure et l'arrière-plan de l'élément en utilisant le morceau de code suivant.

Cet exemple montre l'utilisation de CSS en ligne.

Sortir

C'est ainsi que vous pouvez styliser des éléments tels que ou

Utilisation de l'approche CSS en ligne.

Maintenant que nous avons une bonne compréhension du concept concernant le CSS en ligne, passons par certains avantages et inconvénients de la technique en discussion.

Avantages de CSS en ligne
Ici, nous avons énuméré quelques avantages de CSS en ligne.

• Vous pouvez styliser un élément individuellement.
• Il diminue la quantité de fichiers que le navigateur doit télécharger, ce qui rend la procédure d'affichage des pages Web plus rapidement.
• Il convient aux petits projets Web.

Inconvénients de CSS en ligne
Ici, nous avons énuméré quelques inconvénients de CSS en ligne.

• CSS en ligne peut rendre votre code moins gérable.
• Dans en ligne CSS, les fichiers ne sont pas mis en cache.
• Les définitions de style spécifiées à l'aide de CSS en ligne ne sont pas réutilisables.
• Les codes pseudo-codes et les classes ne peuvent pas être stylisés en utilisant CSS en ligne.
• Il n'est pas approprié pour les projets plus importants car il diminue la mangeabilité du code.

Conclusion

Inline CSS est une technique pour inclure des feuilles de style dans un document HTML en utilisant l'attribut de style de l'élément. CSS en ligne permet à l'utilisateur de styliser les éléments individuellement et la définition du style spécifiée n'affectera que cet élément particulier. Dans cet article, la technique CSS en ligne a été discutée en détail à l'aide d'exemples appropriés, en outre, les avantages et les inconvénients de la technique en discussion sont également mis en évidence.