CSS

Background (attention : l'ordre est important)
background-color: #f0c0a0
background-color: rgb(255,0,0)
background-color: red
background-image: url(../../bak.png)
background-repeat: repeat-x
background-attachment:fixed

ou "shorthand property" propriété raccourcis
background: #f0c0a0 url('../../bak.png')


(Body clé en main)
<style type="text/css">
body {
background-image:url(../../bak.png);
background-attachment:fixed;
background-repeat:repeat;
font: 15px "MS Sans Serif",Arial, Geneva, Helvetica;
margin-left: 10px;
margin-top: 0px
} <!-- arrangement de la page -->
</style>


Font
font-family: "MS Sans Serif",Arial
font-style: italic
font-size: 15px
font-size: x-small

ou "shorthand property" propriété raccourcis
font: 15px "MS Sans Serif",Arial, Geneva, Helvetica

font-weight:bold
font-weight:lighter

Surligneur
<style type="text/css">
.jaune {background:yellow;padding-left:5px;padding-right:5px}
</style>
<font class="jaune"><b>ATTENTION</b></font>
ATTENTION

Centrer (remplacement de la balise "center")
<div style="text-align:center">Texte</div>

Lien hypertexte
a {text-decoration : none; font-weight : bold;}
a:hover {text-decoration : underline;}
a:visited {color: blue;}
Test


Divers

<div> = saut de ligne
<span>

Marge
<span style="margin:15">

Couleur du texte
<span style="color:white">


Remplacement de FONT SIZE
<font size="5"><b>CSS</b></font>
<span style="font-size:25px; font-weight:bold;">CSS</span>

Size 5 = 25px
Size 4 = 20px
Size 1 = 5px


text-decoration :
- underline, soulignement.
- overline, surlignement.
- line-through, barrage.
- blink, clignotement (sauf ie, Chrome et safari).
- none, sans rien.

font-style :
- normal, met le texte dans son aspect normal,
- italic, met le texte en italique,
- oblique, dépend de la police pas de grosse différence avec italic.
- inherit, hérite de son parent (css 2).

font-variant :
- normal : aucun changement dans le mode d'affichage du texte, valeur par défaut.
- small-caps : affichage du texte en petites capitales.
- inherit, hérite de son parent (css2).

font-weight : - lighter, le texte est affiché en léger.
- normal, le texte est affiché en normal.
- bold, le texte est affiché en gras.
- bolder, le texte est affiché en très gras.
- 100 (lighter), 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900 (bolder).

font-size :
- xx-small, 6,9pt,
- x-small, 8,3pt,
- small, 10pt,
- medium, 12pt valeur initial,
- large, 14,4pt,
- x-large, 17,28 pt,
- xx-large, 20,7pt.

- pt, point (mesure typographique). Le point est égal à 1/72 de pouce.
- pc, pica (mesure typographique). Un pica est égal à 12 points.
- in, pouce (inch). Un pouce est égal à 2.54 cm, 6 picas est égal à pouce.
- cm, centimètre
- mm, millimètre

line-height :
- normal (1.0 et 1.2)
- numérique positive suivie de px ou % ou pt ou em. Seul "em" positif et les valeurs sans unité semblent être interprétées de la même façon sur tous les navigateurs.
- inherit, hérite de la propriété css de son parent (css 2)

font-family :
- caption: police utilisée pour les boutons.
- icon: police utilisée pour les icônes.
- menu: police utilisée pour les menus.
- message-box: police utilisée pour les boites de dialogue.
- small-caption: police "bold" utilisée pour les boutons.
- status-bar: police utilisée pour la barre de statut.


Remplacement de BORDER
<a href="image.jpg" target="_blank"><img src="petite-image.png" border="3"></a>
border=3
border=0

<a href="http://www.wampserver.com"><div style="width: 0px; border-style: hidden"><img src="petite-image.png"></div></a>


<a href="image.jpg" target="_blank"><div style="border-color: yellow; width: 32px; border-style: solid; border-width: Medium"><img src="petite-image.png"></div>;</a>

border-color: Couleur de la bordure
border-style: Apparence de la bordure (dashed, dotted, double, groove, hidden, inset, none, outset, ridge, solid)
border-width: Taille de la bordure (Length ou Thin ou Medium ou Thick)

test

test
test
test
test

test
ATTENTION
ATTENTION
test test
Texte Clignotant !!!
This is a marquee!