Modèle de code placé dans le source HEAD de cette page
<HTML>
<TITLE> xxx </TITLE>
<HEAD>
<STYLE TYPE="text/css">
body
{
font-family: arial, verdana, sans-serif ; text-align: justify ; font-size: 10pt ; color: black ; background-color: #FFFFFF;
}
dll
{
font-family: times, arial, verdana, sans-serif ;
background-color: #FFFFFF ;
font-style: italic ;
font-size: 14pt ;
color: blue ;
}
h5
{
font-family: times, arial, verdana, sans-serif ;
background-color: #FFFFFF ;
font-size: 14pt ;
color: green ;
</STYLE>
</HEAD>
<BODY>---</BODY></HTML>
Dans BODY d'après code H5 placé dans HEAD
<h5> Voici une simple application des propriétés déjà vues dans les premières pages de ce dossier de "feuilles de style". </h5>
Résultat de l'exemple
Voici une simple application des propriétés déjà vues dans les premières pages de ce dossier de "feuilles de style".
Ci-après un texte formaté avec du code équivalant à H5 HTML, pour comparer :
Voici une simple application des propriétés déjà vues dans les premières pages de ce dossier de "feuilles de style".
Dans BODY d'après code DL placé dans HEAD
<dl> <DT>Ici j'ai appliqué le tag HTML "dl" utilisé habituellement pour les listes, avec des déclarations adaptées aux besoins de cet exemple et pour récapituler les explications données jusqu'à maintenant dans ce dossier de "feuilles de style". </DT> </dl>
Résultat de l'exemple
- Ici j'ai appliqué le tag HTML "ul" utilisé habituellement pour les listes, avec des déclarations adaptées aux besoins de cet exemple et pour récapituler les explications données jusqu'à maintenant dans ce dossier de "feuilles de style".
Dans les pages suivantes vous allez retrouver de nouveaux sélecteurs qui vont permettre d'avancer avec des codes bien pratiques.
N'oubliez pas de vous entraîner avec ces exemples... suggestion bien sûr.
Sommaire CSS ... @ ... Règles et propriétés en abrégé
