Solution officiellement déconseillée mais pratique pour une page isolée qui n'a pas à ressembler aux autres; ou pour des ajouts ponctuels, en plus d'une feuille générale pour le site. Si l'on décide, finalement, d'utiliser ces instructions, il faut les copier-coller dans la feuille générale.
<head>
<style type="text/css">
<--
h1 { font-family: verdana; font-size: 2em; color: red; background-color: purple; }
p { width: 30%; font-family: verdana, arial, helvetica; font-size: 0.9em; color: navy; padding: 12px;}
-->
</style>
</head>
Ce n'est pas conseillé ! C'EST LE CONTRAIRE QUI EST CONSEILLÉ ! Mais les injections de css dans les balises html peuvent être utiles quand on développe quelque chose, sans savoir trop si on va le réutiliser, quand on reste dans un seul document, quand on teste des instructions.
Evidemment à l'échelle d'un site, cela rendrait le code impossible à changer (trop long, trop complexe). C'est précisément pour cette raison qu'on a séparé html et css.
On peut exceptionnellement rédiger ainsi :
<p style="
border: dotted 6px red; padding: 1em; width: 600px; font-family: monaco; font-size: 0.9em; color: navy;
background-color: pink;">
ça marche aussi. Résultat :
Annos undeviginti natus exercitum privato consilio et privata impensa comparavi, per quem rem publicam a dominatione factionis oppressam in libertatem vindicavi. [Ob quae] senatus decretis honorificis in ordinem suum me adlegit, C. Pansa et A. Hirtio consulibus, consularem locum sententiae dicendae tribuens, et imperium mihi dedit. Res publica ne quid detrimenti caperet, me propraetore simul cum consulibus providere iussit. Populus autem eodem anno me consulem, cum cos. uterque bello cecidisset, et triumvirum rei publicae constituendae creavit.