Que sont les feuilles de style internes?
Les feuilles de style internes sont des styles placés dans le document HTML. Ces styles n'affectent que le document dans lequel ils se trouvent et ne peuvent être référencés par aucun autre document Web.
Avantages des feuilles de style internes
- Les feuilles de style internes affectent uniquement la page sur laquelle elles se trouvent.
- Si vous travaillez sur un site volumineux et que vous avez besoin de tester les styles avant de les charger sur le site dans son ensemble, les feuilles de style internes peuvent s'avérer un excellent outil. Ils vous permettent de tester les styles dans le contexte de l'ensemble du site sans casser une page autre que celle que vous testez.
- Les feuilles de style internes peuvent utiliser des classes et des identifiants.
- Contrairement aux styles en ligne, les feuilles de style internes peuvent toujours tirer parti des relations entre classes, ID, frères et soeurs et autres éléments.
- Les feuilles de style internes ne nécessitent pas le téléchargement de plusieurs fichiers.
- Ceci est particulièrement utile lorsque vous travaillez avec des éléments tels que la messagerie électronique ou les kiosques pour lesquels vous ne pouvez modifier qu'un seul fichier HTML. J'utilise souvent des styles en ligne lorsque je ne suis pas sûr de l'URL d'une feuille de style chargée dans un CMS - conserver les styles avec le document signifie que je sais quels styles affectent ce document.
- Les styles internes peuvent avoir une priorité plus élevée que les feuilles de style externes.
- Ceci est déterminé par l'ordre dans lequel les feuilles de style externes sont chargées. Le développeur Web de la page a le contrôle sur l'endroit où les styles internes seront placés dans l'en-tête du document. S'ils sont placés après le lien vers les styles externes, ils auront une priorité plus élevée dans la cascade et remplaceront la feuille de style externe.
Inconvénients des feuilles de style internes
- Ils n'affectent que la page sur laquelle ils se trouvent.
- Si vous souhaitez utiliser les mêmes styles dans plusieurs documents, vous devez les répéter pour chaque page (ou créer un lien vers une feuille de style externe).
- Les feuilles de style internes augmentent les temps de chargement des pages.
- Chaque page comportant une feuille de style interne doit charger et analyser les informations de la feuille de style à chaque chargement de la page. Les navigateurs mettent en cache les feuilles de style externes, ce qui améliore les temps de chargement de chaque page après le chargement de la première.
Comment écrire une feuille de style interne
élément:
- Ouvrez un document HTML dans votre éditeur Web.
- Ajouter ce qui suit à l'intérieur du
Une feuille de style interne complète ressemblerait à ceci:
