Dernière intervention le 25/11/2003
Les fichiers annexes permettant une présentation
soignée
Elle est contenue dans le fichier stylescript.css dont voici le listage
:
/* styles pour le scripting avec Forth */
h1{
top: 1em;
margin-left : 50px;
margin-right : 50px;
margin-bottom : 2em;
padding-top : 4px;
text-align: center;
position: relative;
color: #160870;
background-color: #ffff00;
font-family: arial, helvetica, sans-serif;
font-size : 170%;
font-weight : bold;
border : 3px solid #a0a0a0;
}
h2 {
top: 1em;
margin-left : 20px;
margin-bottom : 1em;
padding-left : 20px;
padding-top : 5px;
position: relative;
color: #F81B2D;
background-color: #fffaff;
font-family: arial, helvetica, sans-serif;
font-size : 135%;
font-weight : normal;
border : 2px solid #a0a0a0;
}
h3 {
color: #0f0000;
/* background-color: #ffffca;*/
font-family: serif, times;
font-size : 100%;
text-align: left;
margin-left : 4%;
margin-right : 5%;
border-color : yellow;
border-left-style : ridge;
margin-bottom : 1em;
padding-left : 1em;
}
code {
color: #0000ff;
/* background-color: #ffffca;*/
font-family: arial, helvetica, sans-serif;
font-size : 100%;
text-align: left;
margin-left : 2%;
}
p {
color: #00000ff;
font-family: arial, helvetica, sans-serif;
font-size : 105%;
/* margin-bottom : 1em; */
font-size : 105%;
padding-top : 1em;
}
Le gros avantage d'utiliser les styles est que la
modification d'un seul paramètre (par exemple la taille de
la police de H1) va se répercuter sur toutes les pages qui
sont associées à la feuille de style.
Il est contenu dans le fichier entete.txt dont le listage est :
<?xml version="1.0"
encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<link href="stylescript.css" rel="stylesheet" type="text/css"
/>
<head>
<meta http-equiv="Content-Type" content="text/HTML;
charset=iso-8859-1" />
<meta name="keywords" CONTENT="forth, scripting, gforth, alain
leraut, programmation">
<title>Scripting Forth avec Gforth</title>
</head>
<body>
<a name="haut">
<p>
On remarquera la ligne :
<link href="stylescript.css" rel="stylesheet"
type="text/css" />
... où se fait l'a relation avec le style stylescript.css
Haut de page