Creation: 15 aout 2014
Mise à jour: 21 decembre 2009
Version: 1.1
Author: Jean-Louis Bicquelet-Salaün
Location: http://jlbicquelet.free.fr
Copyright: (c) 2009 Jean-Louis BICQUELET-SALAÜN

---

Introduction

Le css ne sert pas uniquement à mettre en pages les pages web, ni à générer des menus dynamiques, il permet aussi la mise en forme des paragraphes ou des tableaux.

Au fil du temps, je me suis constitué des styles que j'insère dans mes feuilles de styles. Voici quelques exemples que vous allez pouvoir réutiliser et modifier à votre tour.

Quelques définition de styles

listing

essai avec <pre class="listing"> .. <pre >

MAX=10
for ((a=1; a <= MAX ; a++))
do
  echo -n "$a "
done

pre.listing {
  color: #000;
  background-color: #e9e9e9;
  border: 1px solid #050505;
  padding: .5em 1em;
  margin: 0 2em;
}

screen

<pre class="screen"> .. > .. <pre >

for ((a=1, b=1; a <= LIMITE ; a++, b++))  # La virgule chaîne les opérations.
do
  echo -n "$a-$b "
done

pre.screen {
  color: green;
  background-color: #000000;
  border: 1px solid #050505;
  padding: .5em 1em;
  margin: 0 2em;
}

notes

<div class="note"> > .. <div >

div.note, div.tip {
  background-color: #fffff6;
  border: 2px solid #dbddec;
  margin: .5em auto;
}