Support de cours - Lita

3 Css D&Co
Dans l’introduction, nous avons noté que le navigateur peut avoir besoin de demander
d’autres éléments que la page Html. C’est le cas des images, mais aussi des feuilles de
style Css (cascading stylesheets).
Il s’agit aussi de documents textuels mais obéissant à des règles syntaxiques différentes
de celles de Html. Les documents Css permettent de décrire (entre autres)
l’apparence visuelle d’un document. Voyons un exemple concret d’un tel document Css :
body {
}
position: absolute;
left: 250px;
background: #ADFF2F;
padding-bottom: 30px;
#menu {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
width: 190px;
padding: 10px;
background: #556B2F;
border: 2px solid maroon;
color: #ADFF2F;
}
a.tobot, a.tobot:visited {
}
color: #ADFF2F;
position: absolute;
bottom: 20px;
L’idée est de définir des propriétés (p. ex. visuelles) s’appliquant aux éléments Html.
Il est mieux de placer le code Html et le code Css dans des fichiers distincts.
Cela autorise l’application d’une même apparence à plusieurs pages Html. De plus,
la maintenance du site est simplifiée, et les différentes parties (fond et forme) sont
facilement réutilisables.
19