CSS inline

Inline styles

La façon la plus simple et la plus directe de l'application de CSS à un élément est de l'écrire dans la balise elle-même comme un attribut de style style="..." . Styles CSS appliquées de cette façon ont la plus haute priorité sur les définitions de style d'autres termes, elles viennent écraser les styles existants. Parce que vous posez votre candidature CSS à un élément HTML directement un sélecteur n'est pas nécessaire.

Inline CSS

<p style="border:2px solid lime">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed enim. Morbi quis augue. Sed nec augue.</p>
<p style="background:lime">Sed vel pede eu lacus molestie condimentum. Pellentesque vitae dolor. Vestibulum venenatis.</p>

Directives d'utilisation

1. Utilisez le moins possible

N'oubliez pas que nous essayons de séparer le contenu de la présentation? Styles en ligne sont exactement le contraire. Ils sont inefficaces, car ils vont kludge de votre code et sont difficiles à maintenir. Ne les utilisez que pour certains tests rapides de styles CSS ou des exceptions où un style est utilisé uniquement à un endroit particulier et nulle part ailleurs sur la page d'accueil.

2. Ne pas utiliser de guillemets doubles

Parce que les guillemets sont déjà utilisés pour marquer le début et la fin de l'attribut de style, d'avoir un autre guillemet entre-deux serait s'arrêter brutalement les instructions CSS. Utilisez les apostrophes à la place. <p style="font-family:'trebuchet ms'"> est ok mais pas <p style="font-family:"trebuchet ms""> .