A - Définition spécifique (adding in line)
Cette définition se fait à la demande et s'applique à un ou plusieurs mots ou paragraphes dans la page. Toutefois ce principe n'est pas conçu pour une utilisation systématique et reste limité à des mises en forme occasionnelles.
A un tag HTML vous appliquez directement des paramètres CSS qui se trouvent donc codifiés à l'endroit même du code source où ils agissent. Ceci s'effectue par l'intermédiaire de l'attribut style="..." avec l'aide de valeurs, et en pratique presque tous les tags HTML peuvent servir, sauf les suivants :
html - head - title - meta - script - base - basefont
On appelle parfois cette déclaration
:
"style à la volée" ou encore "mise en forme
rapide".
Code source dans BODY (exemple 1)
que vous placez juste devant le paragraphe concerné (ou un simple mot ou même caractère et n'oubliez pas le tag de fermeture </P>.
<p style="color: green ; font-family: times, sans-serif ; ">Vous constatez que ce texte est seul à présenter dans la page un paragraphe en vert .</p>
Résultat exemple 1
Vous constatez que ce texte est seul à présenter dans la page un paragraphe en vert .
Code source dans BODY (exemple 2)
<span style= "color: green ; font-family: Times, sans-serif ; font-size: 14p ; " >Vous constatez </span> que ce texte n'est pas totalement <span style= "color: green ; font-family: Times, sans-serif ; font-size: 14pt ; ">en vert . </span>
Résultat exemple 2
Vous constatez que ce texte n'est pas totalement en vert .
Autres exemples
Une ligne avec le tag H3 HTML en noir
Une ligne avec un style à la volée < h3 style="color: blue ; " > xxx </h3>
Une ligne avec un style à la volée < h3 style="color: red ; " > xxx </h3>
Vous trouverez plus loin d'autres codes utilisables comme ce modèle et qui peuvent ainsi rendre service, mais il ne faut pas en abuser sous peine de dénaturer le principe même du CSS.
Naturellement la mise en forme de cette phrase n'a pas eu d'effet sur le reste de la page. Il est aussi possible d'imbriquer une ou plusieurs valeurs, en complément par exemple de celles portées sur la feuille de styles externes, par un simple appel à la mise en forme rapide. Ne jamais oublier que le style direct est prioritaire sur le style de la feuille centralisée CSS. Un exemple est présenté plus loin dans ce dossier.
Sommaire CSS... @ ... Méthode interne (embedding)
