Documentation de la feuille CSS

Appel sur une page HTML

Appel En-tête:

<meta name="viewport" content="width=device-width, initial-scale=0.5, shrink-to-fit=no"/>
<link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Base.css"
         type="text/css" rel="stylesheet" />
<link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Couleur.css"
         type="text/css" rel="stylesheet" media="screen" />
<link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Impression.css"
         type="text/css" rel="stylesheet" media="print" />

Corps du Document :

<body class="fine fix700 nomarge">
   <div id="page">
      <h1>Titre</h1>
      ...
   </div>
</body>

Feuille de démonstration.

Feuille de démonstration à deux colonnes.
Feuille de démonstration à deux colonnes en flexbox.
Feuille de démonstration à deux colonnes en flexbox et html5.

Classes sur le BODY de la page

Classe	Fonction
"var"	Taille variable.
"varpc"	Taille variable en pourcentage.
"plein"	Taille pleine page.
"fix500"	Taille de 500px (500/600/700/800/900/1000/1100/1200/1400/1600).
"nomarge"	Marge identique pour titre et contenu.
"fine"	Titre de page fin.
"limit1200"	Largeur maximum (1200/1400/1600).
"overauto"	Page en Overflow Auto.

Classes diverses

Classe	Fonction
Element
"tab100"	Bloc de tabulation de 100px (100/150/200/250/300/350/400/500).
"centre"	Centrage de bloc.
"max100pc"	Bloc à 100% de la largeur.
"vertTop"	Alignement vertical haut.
"vertMid"	Alignement vertical centré.
"invisible"	Objet invisible.
Texte
"txtGauche"	Texte à gauche.
"txtDroite"	Texte à droite.
"txtCentre"	Texte centré.
"txtJust"	Texte justifié.
"txtRouge"	Rouge.
"txtVert"	vert.
"txtBleu"	bleu.
Tableau
"noTrait"	"TABLE" sans trait visible.
"subrillant"/"hilite"	Ligne de tableau en cours.
"marge"	Case de tableau avec plus de marge.
Image
"img1"	Image largeur totale.
"img2"	Image largeur 1/2.
"img3"	Image largeur 1/3.
"no limit"	Aucune contrainte.
Flottant
"limitFloat"	Empeche un bloc de laisser déborder un flottant.
"floatLeft"	Flottant à gauche.
"floatRight"	Flottant à droite.
"clearLeft"	Bloqueur de flottant à gauche.
"clearRight"	Bloqueur de flottant à droite.
Spécial
"datemaj"	Champ date de maj.
"connex"	Fenêtre de connexion.

Classes de police - mettre sur BODY ou sur un élément

Classe	Fonction
tail050	Taille 50%
tail070	Taille 70%
tail080	Taille 80%
tail090	Taille 90%
tail095	Taille 95%
tail110	Taille 110%
tail120	Taille 120%
tail130	Taille 130%
tail150	Taille 150%
tail200	Taille 200%
verdana	Police Verdana
century	Police Century
times	Police Times
georgia	Police Georgia

Classes d'alerte

Classe	Fonction
"ok"	Message Correct.
"warning"	Message de Warning.
"ko/alerte/anomalie"	Message d'Anomalie.
"violet"	Au cas où.
"indef"	indéfini.

Extension de feuille CSS déjà existante

   <link href="http://boraklerouge.free.fr/CSS/CSS-Base-2017/Extension.css"
         type="text/css" rel="stylesheet" />