Cours CSS

1. DIV et SPAN
2. L'héritage
3. Les sélecteurs
4. La taille du texte
5. La police du texte
6. Le style du texte

7. L'alignement du texte
8. Le floating
9. La couleur du texte
10. Le background
11. La transparence
12. Les bordures

13. Les ombres

DIV et SPAN

L'héritage

Les sélecteurs

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 flottante orem ipsum dolor sit amet, consectetur adipiscing elit. Praesent egestas, mauris vel rhoncus fringilla, nulla lectus eleifend elit, eu eleifend lorem justo non ligula.

Image flottante orem 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

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.

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.

Les ombres

Haut de page

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>