Cours CSS

DIV et SPAN

Haut de page

L'héritage

Haut de page

Les sélecteurs

Haut de page

La taille du texte

Haut de page
xx-Small x-Small Small Medium Large x-Large xx-Large

La police du texte

Haut de page
Arial
Arial Black
Comic Sans MS
Courier New
Georgia
Impact
Times New Roman
Trebuchet
Verdana

Le style du texte

Haut de page
italic
oblique
bold
underline
line-through
overline
blink
normal

L'alignement du texte

Haut de page

L'alignement ne fonctionne que sur des balises de type block.

left center right
justify: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris vel rhoncus fringilla, nulla lectus eleifend elit, eu eleifend lorem justo non ligula.

Le floating

Haut de page

Image flottanteorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris vel rhoncus fringilla, nulla lectus eleifend elit, eu eleifend lorem justo non ligula.


Image flottanteorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent egestas, mauris vel rhoncus fringilla, nulla lectus eleifend elit, eu eleifend lorem justo non ligula.

La couleur du texte

Haut de page

la couleur peut être definit aussi en hexadécimal: #FFFFFF ou #FFF
Ou alors en RGB(255,255,255) l'ordre des couleurs est Red Green Blue

White Silver Gray Black Red Maroon Lime Green Yellow Olive Blue Navy Fuchsia Purple Aqua Teal

Le background

Haut de page

La « super-propriété » appelée background dont la valeur peut combiner plusieurs des propriétés: background-image, background-repeat, background-attachment et background-position. Il est possible de donner plusieurs images de fond à un élément. Pour cela, il suffit de séparer les déclarations par une virgule. La première image de cette liste sera placée par-dessus les autres.






Arriere plan en couleur simple

La transparence

Haut de page

Dans la fonction rgba le "a" sert à indiquer l'opacité voulu. La fonction opacité peut être utilise aussi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris vel rhoncus fringilla, nulla lectus eleifend elit, eu eleifend lorem justo non ligula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris vel rhoncus fringilla, nulla lectus eleifend elit, eu eleifend lorem justo non ligula.

Les bordures

Haut de page

Le border radius eliptique s'écrit avec un slash 35px / 15px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Les ombres

Haut de page

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.

Les apparences dynamiques

Haut de page
un liens vers une page

<p> Un paragraphe Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris.</p>

Le background

Haut de page